#D9A8C2 - #FFEBDA | 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 #D9A8C2 a #FFEBDA

#D9A8C2 #FFEBDA

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

#D9A8C2 - #FFEBDA | 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 #D9A8C2 como 0% y #FFEBDA como 100%.

0.0%	0.0% #D9A8C2	RGB 217 168 194	#D9A8C2
16.7%	16.7% #DFB3C6	RGB 223 179 198	#DFB3C6
33.3%	33.3% #E5BECA	RGB 229 190 202	#E5BECA
50.0%	50.0% #ECC9CE	RGB 236 201 206	#ECC9CE
66.7%	66.7% #F2D4D2	RGB 242 212 210	#F2D4D2
83.3%	83.3% #F8DFD6	RGB 248 223 214	#F8DFD6
100.0%	100.0% #FFEBDA	RGB 255 235 218	#FFEBDA

#D9A8C2 #DFB3C6 #E5BECA #ECC9CE #F2D4D2 #F8DFD6 #FFEBDA

#D9A8C2 - #FFEBDA

Mezcla HSV

#D9A8C2 - #FFEBDA | 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 #D9A8C2 como 0% y #FFEBDA como 100%.

0.0%	0.0% #D9A8C2	RGB 217 168 194	#D9A8C2
16.7%	16.7% #DFAFC1	RGB 223 175 193	#DFAFC1
33.3%	33.3% #E5B7C1	RGB 229 183 193	#E5B7C1
50.0%	50.0% #ECC0C1	RGB 236 192 193	#ECC0C1
66.7%	66.7% #F2CEC8	RGB 242 206 200	#F2CEC8
83.3%	83.3% #F8DCD1	RGB 248 220 209	#F8DCD1
100.0%	100.0% #FFEBDA	RGB 255 235 218	#FFEBDA

#D9A8C2 #DFAFC1 #E5B7C1 #ECC0C1 #F2CEC8 #F8DCD1 #FFEBDA

#D9A8C2 - #ECC0C1 - #FFEBDA

Códigos CSS

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

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