#C5E3E7 - #F0E9EA | 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 #C5E3E7 a #F0E9EA

#C5E3E7 #F0E9EA

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

#C5E3E7 - #F0E9EA | 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 #C5E3E7 como 0% y #F0E9EA como 100%.

0.0%	0.0% #C5E3E7	RGB 197 227 231	#C5E3E7
16.7%	16.7% #CCE4E7	RGB 204 228 231	#CCE4E7
33.3%	33.3% #D3E5E8	RGB 211 229 232	#D3E5E8
50.0%	50.0% #DAE6E8	RGB 218 230 232	#DAE6E8
66.7%	66.7% #E1E7E9	RGB 225 231 233	#E1E7E9
83.3%	83.3% #E8E8E9	RGB 232 232 233	#E8E8E9
100.0%	100.0% #F0E9EA	RGB 240 233 234	#F0E9EA

#C5E3E7 #CCE4E7 #D3E5E8 #DAE6E8 #E1E7E9 #E8E8E9 #F0E9EA

#C5E3E7 - #F0E9EA

Mezcla HSV

#C5E3E7 - #F0E9EA | 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 #C5E3E7 como 0% y #F0E9EA como 100%.

0.0%	0.0% #C5E3E7	RGB 197 227 231	#C5E3E7
16.7%	16.7% #CAD7E8	RGB 202 215 232	#CAD7E8
33.3%	33.3% #D1D0EA	RGB 209 208 234	#D1D0EA
50.0%	50.0% #E0D6EB	RGB 224 214 235	#E0D6EB
66.7%	66.7% #ECDCED	RGB 236 220 237	#ECDCED
83.3%	83.3% #EEE2E9	RGB 238 226 233	#EEE2E9
100.0%	100.0% #F0E9EA	RGB 240 233 234	#F0E9EA

#C5E3E7 #CAD7E8 #D1D0EA #E0D6EB #ECDCED #EEE2E9 #F0E9EA

#C5E3E7 - #E0D6EB - #F0E9EA

Códigos CSS

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

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