#C5E8C7 - #6FB493 | 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 #C5E8C7 a #6FB493

#C5E8C7 #6FB493

Calcule el color entre dos colores, #C5E8C7 y #6FB493. 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)

#C5E8C7 - #6FB493 | 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 #C5E8C7 como 0% y #6FB493 como 100%.

0.0%	0.0% #C5E8C7	RGB 197 232 199	#C5E8C7
16.7%	16.7% #B6DFBE	RGB 182 223 190	#B6DFBE
33.3%	33.3% #A8D6B5	RGB 168 214 181	#A8D6B5
50.0%	50.0% #9ACEAD	RGB 154 206 173	#9ACEAD
66.7%	66.7% #8BC5A4	RGB 139 197 164	#8BC5A4
83.3%	83.3% #7DBC9B	RGB 125 188 155	#7DBC9B
100.0%	100.0% #6FB493	RGB 111 180 147	#6FB493

#C5E8C7 #B6DFBE #A8D6B5 #9ACEAD #8BC5A4 #7DBC9B #6FB493

#C5E8C7 - #6FB493

Mezcla HSV

#C5E8C7 - #6FB493 | 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 #C5E8C7 como 0% y #6FB493 como 100%.

0.0%	0.0% #C5E8C7	RGB 197 232 199	#C5E8C7
16.7%	16.7% #B4DFBA	RGB 180 223 186	#B4DFBA
33.3%	33.3% #A5D6B0	RGB 165 214 176	#A5D6B0
50.0%	50.0% #96CEA6	RGB 150 206 166	#96CEA6
66.7%	66.7% #88C59F	RGB 136 197 159	#88C59F
83.3%	83.3% #7BBC98	RGB 123 188 152	#7BBC98
100.0%	100.0% #6FB493	RGB 111 180 147	#6FB493

#C5E8C7 #B4DFBA #A5D6B0 #96CEA6 #88C59F #7BBC98 #6FB493

#C5E8C7 - #96CEA6 - #6FB493

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E8C7 0%, #96CEA6 50%, #6FB493 100%);
    background: -webkit-linear-gradient(top, #C5E8C7 0%, #96CEA6 50%, #6FB493 100%);
    background: linear-gradient(to bottom, #C5E8C7 0%, #96CEA6 50%, #6FB493 100%);
}
</style>