#C5EFE7 - #EEFAF8 | 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 #C5EFE7 a #EEFAF8

#C5EFE7 #EEFAF8

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

#C5EFE7 - #EEFAF8 | 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 #C5EFE7 como 0% y #EEFAF8 como 100%.

0.0%	0.0% #C5EFE7	RGB 197 239 231	#C5EFE7
16.7%	16.7% #CBF0E9	RGB 203 240 233	#CBF0E9
33.3%	33.3% #D2F2EC	RGB 210 242 236	#D2F2EC
50.0%	50.0% #D9F4EF	RGB 217 244 239	#D9F4EF
66.7%	66.7% #E0F6F2	RGB 224 246 242	#E0F6F2
83.3%	83.3% #E7F8F5	RGB 231 248 245	#E7F8F5
100.0%	100.0% #EEFAF8	RGB 238 250 248	#EEFAF8

#C5EFE7 #CBF0E9 #D2F2EC #D9F4EF #E0F6F2 #E7F8F5 #EEFAF8

#C5EFE7 - #EEFAF8

Mezcla HSV

#C5EFE7 - #EEFAF8 | 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 #C5EFE7 como 0% y #EEFAF8 como 100%.

0.0%	0.0% #C5EFE7	RGB 197 239 231	#C5EFE7
16.7%	16.7% #CBF0E9	RGB 203 240 233	#CBF0E9
33.3%	33.3% #D2F2EC	RGB 210 242 236	#D2F2EC
50.0%	50.0% #D9F4EF	RGB 217 244 239	#D9F4EF
66.7%	66.7% #E0F6F2	RGB 224 246 242	#E0F6F2
83.3%	83.3% #E6F8F5	RGB 230 248 245	#E6F8F5
100.0%	100.0% #EEFAF8	RGB 238 250 248	#EEFAF8

#C5EFE7 #CBF0E9 #D2F2EC #D9F4EF #E0F6F2 #E6F8F5 #EEFAF8

#C5EFE7 - #D9F4EF - #EEFAF8

Códigos CSS

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

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