#B3DAB6 - #5EBB5E | 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 #B3DAB6 a #5EBB5E

#B3DAB6 #5EBB5E

Calcule el color entre dos colores, #B3DAB6 y #5EBB5E. 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)

#B3DAB6 - #5EBB5E | 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 #B3DAB6 como 0% y #5EBB5E como 100%.

0.0%	0.0% #B3DAB6	RGB 179 218 182	#B3DAB6
16.7%	16.7% #A4D4A7	RGB 164 212 167	#A4D4A7
33.3%	33.3% #96CF98	RGB 150 207 152	#96CF98
50.0%	50.0% #88CA8A	RGB 136 202 138	#88CA8A
66.7%	66.7% #7AC57B	RGB 122 197 123	#7AC57B
83.3%	83.3% #6CC06C	RGB 108 192 108	#6CC06C
100.0%	100.0% #5EBB5E	RGB 94 187 94	#5EBB5E

#B3DAB6 #A4D4A7 #96CF98 #88CA8A #7AC57B #6CC06C #5EBB5E

#B3DAB6 - #5EBB5E

Mezcla HSV

#B3DAB6 - #5EBB5E | 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 #B3DAB6 como 0% y #5EBB5E como 100%.

0.0%	0.0% #B3DAB6	RGB 179 218 182	#B3DAB6
16.7%	16.7% #A3D4A6	RGB 163 212 166	#A3D4A6
33.3%	33.3% #94CF97	RGB 148 207 151	#94CF97
50.0%	50.0% #86CA88	RGB 134 202 136	#86CA88
66.7%	66.7% #78C57A	RGB 120 197 122	#78C57A
83.3%	83.3% #6AC06B	RGB 106 192 107	#6AC06B
100.0%	100.0% #5EBB5E	RGB 94 187 94	#5EBB5E

#B3DAB6 #A3D4A6 #94CF97 #86CA88 #78C57A #6AC06B #5EBB5E

#B3DAB6 - #86CA88 - #5EBB5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3DAB6 0%, #86CA88 50%, #5EBB5E 100%);
    background: -webkit-linear-gradient(top, #B3DAB6 0%, #86CA88 50%, #5EBB5E 100%);
    background: linear-gradient(to bottom, #B3DAB6 0%, #86CA88 50%, #5EBB5E 100%);
}
</style>