#C7E2F0 - #ECE9EE | 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 #C7E2F0 a #ECE9EE

#C7E2F0 #ECE9EE

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

#C7E2F0 - #ECE9EE | 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 #C7E2F0 como 0% y #ECE9EE como 100%.

0.0%	0.0% #C7E2F0	RGB 199 226 240	#C7E2F0
16.7%	16.7% #CDE3EF	RGB 205 227 239	#CDE3EF
33.3%	33.3% #D3E4EF	RGB 211 228 239	#D3E4EF
50.0%	50.0% #D9E5EF	RGB 217 229 239	#D9E5EF
66.7%	66.7% #DFE6EE	RGB 223 230 238	#DFE6EE
83.3%	83.3% #E5E7EE	RGB 229 231 238	#E5E7EE
100.0%	100.0% #ECE9EE	RGB 236 233 238	#ECE9EE

#C7E2F0 #CDE3EF #D3E4EF #D9E5EF #DFE6EE #E5E7EE #ECE9EE

#C7E2F0 - #ECE9EE

Mezcla HSV

#C7E2F0 - #ECE9EE | 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 #C7E2F0 como 0% y #ECE9EE como 100%.

0.0%	0.0% #C7E2F0	RGB 199 226 240	#C7E2F0
16.7%	16.7% #CCDCEF	RGB 204 220 239	#CCDCEF
33.3%	33.3% #D2D9EF	RGB 210 217 239	#D2D9EF
50.0%	50.0% #D8D8EF	RGB 216 216 239	#D8D8EF
66.7%	66.7% #E0DDEE	RGB 224 221 238	#E0DDEE
83.3%	83.3% #E7E3EE	RGB 231 227 238	#E7E3EE
100.0%	100.0% #ECE9EE	RGB 236 233 238	#ECE9EE

#C7E2F0 #CCDCEF #D2D9EF #D8D8EF #E0DDEE #E7E3EE #ECE9EE

#C7E2F0 - #D8D8EF - #ECE9EE

Códigos CSS

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

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