#8D5E5E - #D17CE1 | 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 #8D5E5E a #D17CE1

#8D5E5E #D17CE1

Calcule el color entre dos colores, #8D5E5E y #D17CE1. 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)

#8D5E5E - #D17CE1 | 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 #8D5E5E como 0% y #D17CE1 como 100%.

0.0%	0.0% #8D5E5E	RGB 141 94 94	#8D5E5E
16.7%	16.7% #986373	RGB 152 99 115	#986373
33.3%	33.3% #A36889	RGB 163 104 137	#A36889
50.0%	50.0% #AF6D9F	RGB 175 109 159	#AF6D9F
66.7%	66.7% #BA72B5	RGB 186 114 181	#BA72B5
83.3%	83.3% #C577CB	RGB 197 119 203	#C577CB
100.0%	100.0% #D17CE1	RGB 209 124 225	#D17CE1

#8D5E5E #986373 #A36889 #AF6D9F #BA72B5 #C577CB #D17CE1

#8D5E5E - #D17CE1

Mezcla HSV

#8D5E5E - #D17CE1 | 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 #8D5E5E como 0% y #D17CE1 como 100%.

0.0%	0.0% #8D5E5E	RGB 141 94 94	#8D5E5E
16.7%	16.7% #9B646E	RGB 155 100 110	#9B646E
33.3%	33.3% #A96A82	RGB 169 106 130	#A96A82
50.0%	50.0% #B76F98	RGB 183 111 152	#B76F98
66.7%	66.7% #C574B2	RGB 197 116 178	#C574B2
83.3%	83.3% #D378CF	RGB 211 120 207	#D378CF
100.0%	100.0% #D17CE1	RGB 209 124 225	#D17CE1

#8D5E5E #9B646E #A96A82 #B76F98 #C574B2 #D378CF #D17CE1

#8D5E5E - #B76F98 - #D17CE1

Códigos CSS

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

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