#C5E3C8 - #6EAC94 | 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 #C5E3C8 a #6EAC94

#C5E3C8 #6EAC94

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

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

0.0%	0.0% #C5E3C8	RGB 197 227 200	#C5E3C8
16.7%	16.7% #B6D9BF	RGB 182 217 191	#B6D9BF
33.3%	33.3% #A8D0B6	RGB 168 208 182	#A8D0B6
50.0%	50.0% #99C7AE	RGB 153 199 174	#99C7AE
66.7%	66.7% #8BBEA5	RGB 139 190 165	#8BBEA5
83.3%	83.3% #7CB59C	RGB 124 181 156	#7CB59C
100.0%	100.0% #6EAC94	RGB 110 172 148	#6EAC94

#C5E3C8 #B6D9BF #A8D0B6 #99C7AE #8BBEA5 #7CB59C #6EAC94

#C5E3C8 - #6EAC94

Mezcla HSV

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

0.0%	0.0% #C5E3C8	RGB 197 227 200	#C5E3C8
16.7%	16.7% #B4D9BB	RGB 180 217 187	#B4D9BB
33.3%	33.3% #A5D0B0	RGB 165 208 176	#A5D0B0
50.0%	50.0% #96C7A7	RGB 150 199 167	#96C7A7
66.7%	66.7% #88BEA0	RGB 136 190 160	#88BEA0
83.3%	83.3% #7AB599	RGB 122 181 153	#7AB599
100.0%	100.0% #6EAC94	RGB 110 172 148	#6EAC94

#C5E3C8 #B4D9BB #A5D0B0 #96C7A7 #88BEA0 #7AB599 #6EAC94

#C5E3C8 - #96C7A7 - #6EAC94

Códigos CSS

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

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