#CDC5E1 - #FFEDD9 | 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 #CDC5E1 a #FFEDD9

#CDC5E1 #FFEDD9

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

#CDC5E1 - #FFEDD9 | 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 #CDC5E1 como 0% y #FFEDD9 como 100%.

0.0%	0.0% #CDC5E1	RGB 205 197 225	#CDC5E1
16.7%	16.7% #D5CBDF	RGB 213 203 223	#D5CBDF
33.3%	33.3% #DDD2DE	RGB 221 210 222	#DDD2DE
50.0%	50.0% #E6D9DD	RGB 230 217 221	#E6D9DD
66.7%	66.7% #EEDFDB	RGB 238 223 219	#EEDFDB
83.3%	83.3% #F6E6DA	RGB 246 230 218	#F6E6DA
100.0%	100.0% #FFEDD9	RGB 255 237 217	#FFEDD9

#CDC5E1 #D5CBDF #DDD2DE #E6D9DD #EEDFDB #F6E6DA #FFEDD9

#CDC5E1 - #FFEDD9

Mezcla HSV

#CDC5E1 - #FFEDD9 | 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 #CDC5E1 como 0% y #FFEDD9 como 100%.

0.0%	0.0% #CDC5E1	RGB 205 197 225	#CDC5E1
16.7%	16.7% #DBC8E6	RGB 219 200 230	#DBC8E6
33.3%	33.3% #EBCBE9	RGB 235 203 233	#EBCBE9
50.0%	50.0% #F0CFE2	RGB 240 207 226	#F0CFE2
66.7%	66.7% #F5D2DA	RGB 245 210 218	#F5D2DA
83.3%	83.3% #FADBD5	RGB 250 219 213	#FADBD5
100.0%	100.0% #FFEDD9	RGB 255 237 217	#FFEDD9

#CDC5E1 #DBC8E6 #EBCBE9 #F0CFE2 #F5D2DA #FADBD5 #FFEDD9

#CDC5E1 - #F0CFE2 - #FFEDD9

Códigos CSS

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

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