#C5E3C7 - #6FAC93 | 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 #C5E3C7 a #6FAC93

#C5E3C7 #6FAC93

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

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

0.0%	0.0% #C5E3C7	RGB 197 227 199	#C5E3C7
16.7%	16.7% #B6D9BE	RGB 182 217 190	#B6D9BE
33.3%	33.3% #A8D0B5	RGB 168 208 181	#A8D0B5
50.0%	50.0% #9AC7AD	RGB 154 199 173	#9AC7AD
66.7%	66.7% #8BBEA4	RGB 139 190 164	#8BBEA4
83.3%	83.3% #7DB59B	RGB 125 181 155	#7DB59B
100.0%	100.0% #6FAC93	RGB 111 172 147	#6FAC93

#C5E3C7 #B6D9BE #A8D0B5 #9AC7AD #8BBEA4 #7DB59B #6FAC93

#C5E3C7 - #6FAC93

Mezcla HSV

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

0.0%	0.0% #C5E3C7	RGB 197 227 199	#C5E3C7
16.7%	16.7% #B4D9BA	RGB 180 217 186	#B4D9BA
33.3%	33.3% #A5D0AF	RGB 165 208 175	#A5D0AF
50.0%	50.0% #96C7A6	RGB 150 199 166	#96C7A6
66.7%	66.7% #88BE9F	RGB 136 190 159	#88BE9F
83.3%	83.3% #7BB598	RGB 123 181 152	#7BB598
100.0%	100.0% #6FAC93	RGB 111 172 147	#6FAC93

#C5E3C7 #B4D9BA #A5D0AF #96C7A6 #88BE9F #7BB598 #6FAC93

#C5E3C7 - #96C7A6 - #6FAC93

Códigos CSS

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

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