#CADADB - #E5E3DF | 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 #CADADB a #E5E3DF

#CADADB #E5E3DF

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

#CADADB - #E5E3DF | 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 #CADADB como 0% y #E5E3DF como 100%.

0.0%	0.0% #CADADB	RGB 202 218 219	#CADADB
16.7%	16.7% #CEDBDB	RGB 206 219 219	#CEDBDB
33.3%	33.3% #D3DDDC	RGB 211 221 220	#D3DDDC
50.0%	50.0% #D7DEDD	RGB 215 222 221	#D7DEDD
66.7%	66.7% #DCE0DD	RGB 220 224 221	#DCE0DD
83.3%	83.3% #E0E1DE	RGB 224 225 222	#E0E1DE
100.0%	100.0% #E5E3DF	RGB 229 227 223	#E5E3DF

#CADADB #CEDBDB #D3DDDC #D7DEDD #DCE0DD #E0E1DE #E5E3DF

#CADADB - #E5E3DF

Mezcla HSV

#CADADB - #E5E3DF | 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 #CADADB como 0% y #E5E3DF como 100%.

0.0%	0.0% #CADADB	RGB 202 218 219	#CADADB
16.7%	16.7% #CDDCD7	RGB 205 220 215	#CDDCD7
33.3%	33.3% #D0DED4	RGB 208 222 212	#D0DED4
50.0%	50.0% #D5E0D4	RGB 213 224 212	#D5E0D4
66.7%	66.7% #DDE1D7	RGB 221 225 215	#DDE1D7
83.3%	83.3% #E2E3DB	RGB 226 227 219	#E2E3DB
100.0%	100.0% #E5E3DF	RGB 229 227 223	#E5E3DF

#CADADB #CDDCD7 #D0DED4 #D5E0D4 #DDE1D7 #E2E3DB #E5E3DF

#CADADB - #D5E0D4 - #E5E3DF

Códigos CSS

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

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