#CDA4A8 - #F0E5E6 | 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 #CDA4A8 a #F0E5E6

#CDA4A8 #F0E5E6

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

#CDA4A8 - #F0E5E6 | 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 #CDA4A8 como 0% y #F0E5E6 como 100%.

0.0%	0.0% #CDA4A8	RGB 205 164 168	#CDA4A8
16.7%	16.7% #D2AEB2	RGB 210 174 178	#D2AEB2
33.3%	33.3% #D8B9BC	RGB 216 185 188	#D8B9BC
50.0%	50.0% #DEC4C7	RGB 222 196 199	#DEC4C7
66.7%	66.7% #E4CFD1	RGB 228 207 209	#E4CFD1
83.3%	83.3% #EADADB	RGB 234 218 219	#EADADB
100.0%	100.0% #F0E5E6	RGB 240 229 230	#F0E5E6

#CDA4A8 #D2AEB2 #D8B9BC #DEC4C7 #E4CFD1 #EADADB #F0E5E6

#CDA4A8 - #F0E5E6

Mezcla HSV

#CDA4A8 - #F0E5E6 | 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 #CDA4A8 como 0% y #F0E5E6 como 100%.

0.0%	0.0% #CDA4A8	RGB 205 164 168	#CDA4A8
16.7%	16.7% #D2AEB1	RGB 210 174 177	#D2AEB1
33.3%	33.3% #D8B8BB	RGB 216 184 187	#D8B8BB
50.0%	50.0% #DEC3C5	RGB 222 195 197	#DEC3C5
66.7%	66.7% #E4CED0	RGB 228 206 208	#E4CED0
83.3%	83.3% #EAD9DA	RGB 234 217 218	#EAD9DA
100.0%	100.0% #F0E5E6	RGB 240 229 230	#F0E5E6

#CDA4A8 #D2AEB1 #D8B8BB #DEC3C5 #E4CED0 #EAD9DA #F0E5E6

#CDA4A8 - #DEC3C5 - #F0E5E6

Códigos CSS

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

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