#1BADA8 - #B5EFAD | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #1BADA8 a #B5EFAD

#1BADA8 #B5EFAD

Calcule el color entre dos colores, #1BADA8 y #B5EFAD. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#1BADA8 - #B5EFAD | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #1BADA8 como 0% y #B5EFAD como 100%.

0.0%	0.0% #1BADA8	RGB 27 173 168	#1BADA8
16.7%	16.7% #34B8A8	RGB 52 184 168	#34B8A8
33.3%	33.3% #4EC3A9	RGB 78 195 169	#4EC3A9
50.0%	50.0% #68CEAA	RGB 104 206 170	#68CEAA
66.7%	66.7% #81D9AB	RGB 129 217 171	#81D9AB
83.3%	83.3% #9BE4AC	RGB 155 228 172	#9BE4AC
100.0%	100.0% #B5EFAD	RGB 181 239 173	#B5EFAD

#1BADA8 #34B8A8 #4EC3A9 #68CEAA #81D9AB #9BE4AC #B5EFAD

#1BADA8 - #B5EFAD

Mezcla HSV

#1BADA8 - #B5EFAD | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #1BADA8 como 0% y #B5EFAD como 100%.

0.0%	0.0% #1BADA8	RGB 27 173 168	#1BADA8
16.7%	16.7% #2EB89A	RGB 46 184 154	#2EB89A
33.3%	33.3% #43C390	RGB 67 195 144	#43C390
50.0%	50.0% #5ACE8B	RGB 90 206 139	#5ACE8B
66.7%	66.7% #74D98C	RGB 116 217 140	#74D98C
83.3%	83.3% #8FE494	RGB 143 228 148	#8FE494
100.0%	100.0% #B5EFAD	RGB 181 239 173	#B5EFAD

#1BADA8 #2EB89A #43C390 #5ACE8B #74D98C #8FE494 #B5EFAD

#1BADA8 - #5ACE8B - #B5EFAD

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #1BADA8 0%, #B5EFAD 100%);
    background: -webkit-linear-gradient(top, #1BADA8 0%, #B5EFAD 100%);
    background: linear-gradient(to bottom, #1BADA8 0%, #B5EFAD 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1BADA8 0%, #5ACE8B 50%, #B5EFAD 100%);
    background: -webkit-linear-gradient(top, #1BADA8 0%, #5ACE8B 50%, #B5EFAD 100%);
    background: linear-gradient(to bottom, #1BADA8 0%, #5ACE8B 50%, #B5EFAD 100%);
}
</style>