#CDD1DA - #E3E5DF | 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 #CDD1DA a #E3E5DF

#CDD1DA #E3E5DF

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

#CDD1DA - #E3E5DF | 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 #CDD1DA como 0% y #E3E5DF como 100%.

0.0%	0.0% #CDD1DA	RGB 205 209 218	#CDD1DA
16.7%	16.7% #D0D4DA	RGB 208 212 218	#D0D4DA
33.3%	33.3% #D4D7DB	RGB 212 215 219	#D4D7DB
50.0%	50.0% #D8DBDC	RGB 216 219 220	#D8DBDC
66.7%	66.7% #DBDEDD	RGB 219 222 221	#DBDEDD
83.3%	83.3% #DFE1DE	RGB 223 225 222	#DFE1DE
100.0%	100.0% #E3E5DF	RGB 227 229 223	#E3E5DF

#CDD1DA #D0D4DA #D4D7DB #D8DBDC #DBDEDD #DFE1DE #E3E5DF

#CDD1DA - #E3E5DF

Mezcla HSV

#CDD1DA - #E3E5DF | 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 #CDD1DA como 0% y #E3E5DF como 100%.

0.0%	0.0% #CDD1DA	RGB 205 209 218	#CDD1DA
16.7%	16.7% #CFD8DB	RGB 207 216 219	#CFD8DB
33.3%	33.3% #D2DDDC	RGB 210 221 220	#D2DDDC
50.0%	50.0% #D5DFDA	RGB 213 223 218	#D5DFDA
66.7%	66.7% #D8E1D9	RGB 216 225 217	#D8E1D9
83.3%	83.3% #DDE3DB	RGB 221 227 219	#DDE3DB
100.0%	100.0% #E3E5DF	RGB 227 229 223	#E3E5DF

#CDD1DA #CFD8DB #D2DDDC #D5DFDA #D8E1D9 #DDE3DB #E3E5DF

#CDD1DA - #D5DFDA - #E3E5DF

Códigos CSS

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

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