#C2D9F0 - #E4E6EB | 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 #C2D9F0 a #E4E6EB

#C2D9F0 #E4E6EB

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

#C2D9F0 - #E4E6EB | 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 #C2D9F0 como 0% y #E4E6EB como 100%.

0.0%	0.0% #C2D9F0	RGB 194 217 240	#C2D9F0
16.7%	16.7% #C7DBEF	RGB 199 219 239	#C7DBEF
33.3%	33.3% #CDDDEE	RGB 205 221 238	#CDDDEE
50.0%	50.0% #D3DFED	RGB 211 223 237	#D3DFED
66.7%	66.7% #D8E1EC	RGB 216 225 236	#D8E1EC
83.3%	83.3% #DEE3EB	RGB 222 227 235	#DEE3EB
100.0%	100.0% #E4E6EB	RGB 228 230 235	#E4E6EB

#C2D9F0 #C7DBEF #CDDDEE #D3DFED #D8E1EC #DEE3EB #E4E6EB

#C2D9F0 - #E4E6EB

Mezcla HSV

#C2D9F0 - #E4E6EB | 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 #C2D9F0 como 0% y #E4E6EB como 100%.

0.0%	0.0% #C2D9F0	RGB 194 217 240	#C2D9F0
16.7%	16.7% #C7DAEF	RGB 199 218 239	#C7DAEF
33.3%	33.3% #CDDBEE	RGB 205 219 238	#CDDBEE
50.0%	50.0% #D3DDED	RGB 211 221 237	#D3DDED
66.7%	66.7% #D8DFEC	RGB 216 223 236	#D8DFEC
83.3%	83.3% #DEE2EB	RGB 222 226 235	#DEE2EB
100.0%	100.0% #E4E6EB	RGB 228 230 235	#E4E6EB

#C2D9F0 #C7DAEF #CDDBEE #D3DDED #D8DFEC #DEE2EB #E4E6EB

#C2D9F0 - #D3DDED - #E4E6EB

Códigos CSS

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

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