#C5DFAC - #EEF5E7 | 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 #C5DFAC a #EEF5E7

#C5DFAC #EEF5E7

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

#C5DFAC - #EEF5E7 | 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 #C5DFAC como 0% y #EEF5E7 como 100%.

0.0%	0.0% #C5DFAC	RGB 197 223 172	#C5DFAC
16.7%	16.7% #CBE2B5	RGB 203 226 181	#CBE2B5
33.3%	33.3% #D2E6BF	RGB 210 230 191	#D2E6BF
50.0%	50.0% #D9EAC9	RGB 217 234 201	#D9EAC9
66.7%	66.7% #E0EDD3	RGB 224 237 211	#E0EDD3
83.3%	83.3% #E7F1DD	RGB 231 241 221	#E7F1DD
100.0%	100.0% #EEF5E7	RGB 238 245 231	#EEF5E7

#C5DFAC #CBE2B5 #D2E6BF #D9EAC9 #E0EDD3 #E7F1DD #EEF5E7

#C5DFAC - #EEF5E7

Mezcla HSV

#C5DFAC - #EEF5E7 | 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 #C5DFAC como 0% y #EEF5E7 como 100%.

0.0%	0.0% #C5DFAC	RGB 197 223 172	#C5DFAC
16.7%	16.7% #CBE2B5	RGB 203 226 181	#CBE2B5
33.3%	33.3% #D2E6BE	RGB 210 230 190	#D2E6BE
50.0%	50.0% #D9EAC8	RGB 217 234 200	#D9EAC8
66.7%	66.7% #DFEDD2	RGB 223 237 210	#DFEDD2
83.3%	83.3% #E6F1DC	RGB 230 241 220	#E6F1DC
100.0%	100.0% #EEF5E7	RGB 238 245 231	#EEF5E7

#C5DFAC #CBE2B5 #D2E6BE #D9EAC8 #DFEDD2 #E6F1DC #EEF5E7

#C5DFAC - #D9EAC8 - #EEF5E7

Códigos CSS

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

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