#C5EAD7 - #EEF9F3 | 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 #C5EAD7 a #EEF9F3

#C5EAD7 #EEF9F3

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

#C5EAD7 - #EEF9F3 | 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 #C5EAD7 como 0% y #EEF9F3 como 100%.

0.0%	0.0% #C5EAD7	RGB 197 234 215	#C5EAD7
16.7%	16.7% #CBECDB	RGB 203 236 219	#CBECDB
33.3%	33.3% #D2EFE0	RGB 210 239 224	#D2EFE0
50.0%	50.0% #D9F1E5	RGB 217 241 229	#D9F1E5
66.7%	66.7% #E0F4E9	RGB 224 244 233	#E0F4E9
83.3%	83.3% #E7F6EE	RGB 231 246 238	#E7F6EE
100.0%	100.0% #EEF9F3	RGB 238 249 243	#EEF9F3

#C5EAD7 #CBECDB #D2EFE0 #D9F1E5 #E0F4E9 #E7F6EE #EEF9F3

#C5EAD7 - #EEF9F3

Mezcla HSV

#C5EAD7 - #EEF9F3 | 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 #C5EAD7 como 0% y #EEF9F3 como 100%.

0.0%	0.0% #C5EAD7	RGB 197 234 215	#C5EAD7
16.7%	16.7% #CBECDB	RGB 203 236 219	#CBECDB
33.3%	33.3% #D2EFDF	RGB 210 239 223	#D2EFDF
50.0%	50.0% #D9F1E4	RGB 217 241 228	#D9F1E4
66.7%	66.7% #DFF4E9	RGB 223 244 233	#DFF4E9
83.3%	83.3% #E6F6EE	RGB 230 246 238	#E6F6EE
100.0%	100.0% #EEF9F3	RGB 238 249 243	#EEF9F3

#C5EAD7 #CBECDB #D2EFDF #D9F1E4 #DFF4E9 #E6F6EE #EEF9F3

#C5EAD7 - #D9F1E4 - #EEF9F3

Códigos CSS

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

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