#C5E6B7 - #EEF7EA | 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 #C5E6B7 a #EEF7EA

#C5E6B7 #EEF7EA

Calcule el color entre dos colores, #C5E6B7 y #EEF7EA. 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)

#C5E6B7 - #EEF7EA | 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 #C5E6B7 como 0% y #EEF7EA como 100%.

0.0%	0.0% #C5E6B7	RGB 197 230 183	#C5E6B7
16.7%	16.7% #CBE8BF	RGB 203 232 191	#CBE8BF
33.3%	33.3% #D2EBC8	RGB 210 235 200	#D2EBC8
50.0%	50.0% #D9EED0	RGB 217 238 208	#D9EED0
66.7%	66.7% #E0F1D9	RGB 224 241 217	#E0F1D9
83.3%	83.3% #E7F4E1	RGB 231 244 225	#E7F4E1
100.0%	100.0% #EEF7EA	RGB 238 247 234	#EEF7EA

#C5E6B7 #CBE8BF #D2EBC8 #D9EED0 #E0F1D9 #E7F4E1 #EEF7EA

#C5E6B7 - #EEF7EA

Mezcla HSV

#C5E6B7 - #EEF7EA | 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 #C5E6B7 como 0% y #EEF7EA como 100%.

0.0%	0.0% #C5E6B7	RGB 197 230 183	#C5E6B7
16.7%	16.7% #CBE8BF	RGB 203 232 191	#CBE8BF
33.3%	33.3% #D2EBC7	RGB 210 235 199	#D2EBC7
50.0%	50.0% #D9EECF	RGB 217 238 207	#D9EECF
66.7%	66.7% #E0F1D8	RGB 224 241 216	#E0F1D8
83.3%	83.3% #E6F4E1	RGB 230 244 225	#E6F4E1
100.0%	100.0% #EEF7EA	RGB 238 247 234	#EEF7EA

#C5E6B7 #CBE8BF #D2EBC7 #D9EECF #E0F1D8 #E6F4E1 #EEF7EA

#C5E6B7 - #D9EECF - #EEF7EA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E6B7 0%, #D9EECF 50%, #EEF7EA 100%);
    background: -webkit-linear-gradient(top, #C5E6B7 0%, #D9EECF 50%, #EEF7EA 100%);
    background: linear-gradient(to bottom, #C5E6B7 0%, #D9EECF 50%, #EEF7EA 100%);
}
</style>