#C5EAE7 - #EEF9F8 | 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 #C5EAE7 a #EEF9F8

#C5EAE7 #EEF9F8

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

#C5EAE7 - #EEF9F8 | 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 #C5EAE7 como 0% y #EEF9F8 como 100%.

0.0%	0.0% #C5EAE7	RGB 197 234 231	#C5EAE7
16.7%	16.7% #CBECE9	RGB 203 236 233	#CBECE9
33.3%	33.3% #D2EFEC	RGB 210 239 236	#D2EFEC
50.0%	50.0% #D9F1EF	RGB 217 241 239	#D9F1EF
66.7%	66.7% #E0F4F2	RGB 224 244 242	#E0F4F2
83.3%	83.3% #E7F6F5	RGB 231 246 245	#E7F6F5
100.0%	100.0% #EEF9F8	RGB 238 249 248	#EEF9F8

#C5EAE7 #CBECE9 #D2EFEC #D9F1EF #E0F4F2 #E7F6F5 #EEF9F8

#C5EAE7 - #EEF9F8

Mezcla HSV

#C5EAE7 - #EEF9F8 | 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 #C5EAE7 como 0% y #EEF9F8 como 100%.

0.0%	0.0% #C5EAE7	RGB 197 234 231	#C5EAE7
16.7%	16.7% #CBECE9	RGB 203 236 233	#CBECE9
33.3%	33.3% #D2EFEC	RGB 210 239 236	#D2EFEC
50.0%	50.0% #D9F1EF	RGB 217 241 239	#D9F1EF
66.7%	66.7% #DFF4F2	RGB 223 244 242	#DFF4F2
83.3%	83.3% #E6F6F5	RGB 230 246 245	#E6F6F5
100.0%	100.0% #EEF9F8	RGB 238 249 248	#EEF9F8

#C5EAE7 #CBECE9 #D2EFEC #D9F1EF #DFF4F2 #E6F6F5 #EEF9F8

#C5EAE7 - #D9F1EF - #EEF9F8

Códigos CSS

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

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