#C3CDDB - #E3E4DF | 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 #C3CDDB a #E3E4DF

#C3CDDB #E3E4DF

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

#C3CDDB - #E3E4DF | 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 #C3CDDB como 0% y #E3E4DF como 100%.

0.0%	0.0% #C3CDDB	RGB 195 205 219	#C3CDDB
16.7%	16.7% #C8D0DB	RGB 200 208 219	#C8D0DB
33.3%	33.3% #CDD4DC	RGB 205 212 220	#CDD4DC
50.0%	50.0% #D3D8DD	RGB 211 216 221	#D3D8DD
66.7%	66.7% #D8DCDD	RGB 216 220 221	#D8DCDD
83.3%	83.3% #DDE0DE	RGB 221 224 222	#DDE0DE
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#C3CDDB #C8D0DB #CDD4DC #D3D8DD #D8DCDD #DDE0DE #E3E4DF

#C3CDDB - #E3E4DF

Mezcla HSV

#C3CDDB - #E3E4DF | 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 #C3CDDB como 0% y #E3E4DF como 100%.

0.0%	0.0% #C3CDDB	RGB 195 205 219	#C3CDDB
16.7%	16.7% #C7D8DC	RGB 199 216 220	#C7D8DC
33.3%	33.3% #CCDEDA	RGB 204 222 218	#CCDEDA
50.0%	50.0% #D0DFD6	RGB 208 223 214	#D0DFD6
66.7%	66.7% #D5E1D5	RGB 213 225 213	#D5E1D5
83.3%	83.3% #DDE2DA	RGB 221 226 218	#DDE2DA
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#C3CDDB #C7D8DC #CCDEDA #D0DFD6 #D5E1D5 #DDE2DA #E3E4DF

#C3CDDB - #D0DFD6 - #E3E4DF

Códigos CSS

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

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