#DC9FAC - #F5E3E7 | 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 #DC9FAC a #F5E3E7

#DC9FAC #F5E3E7

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

#DC9FAC - #F5E3E7 | 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 #DC9FAC como 0% y #F5E3E7 como 100%.

0.0%	0.0% #DC9FAC	RGB 220 159 172	#DC9FAC
16.7%	16.7% #E0AAB5	RGB 224 170 181	#E0AAB5
33.3%	33.3% #E4B5BF	RGB 228 181 191	#E4B5BF
50.0%	50.0% #E8C1C9	RGB 232 193 201	#E8C1C9
66.7%	66.7% #ECCCD3	RGB 236 204 211	#ECCCD3
83.3%	83.3% #F0D7DD	RGB 240 215 221	#F0D7DD
100.0%	100.0% #F5E3E7	RGB 245 227 231	#F5E3E7

#DC9FAC #E0AAB5 #E4B5BF #E8C1C9 #ECCCD3 #F0D7DD #F5E3E7

#DC9FAC - #F5E3E7

Mezcla HSV

#DC9FAC - #F5E3E7 | 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 #DC9FAC como 0% y #F5E3E7 como 100%.

0.0%	0.0% #DC9FAC	RGB 220 159 172	#DC9FAC
16.7%	16.7% #E0A9B5	RGB 224 169 181	#E0A9B5
33.3%	33.3% #E4B4BE	RGB 228 180 190	#E4B4BE
50.0%	50.0% #E8BFC8	RGB 232 191 200	#E8BFC8
66.7%	66.7% #ECCBD2	RGB 236 203 210	#ECCBD2
83.3%	83.3% #F0D6DC	RGB 240 214 220	#F0D6DC
100.0%	100.0% #F5E3E7	RGB 245 227 231	#F5E3E7

#DC9FAC #E0A9B5 #E4B4BE #E8BFC8 #ECCBD2 #F0D6DC #F5E3E7

#DC9FAC - #E8BFC8 - #F5E3E7

Códigos CSS

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

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