#8C7D8F - #D495FB | 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 #8C7D8F a #D495FB

#8C7D8F #D495FB

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

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

0.0%	0.0% #8C7D8F	RGB 140 125 143	#8C7D8F
16.7%	16.7% #9881A1	RGB 152 129 161	#9881A1
33.3%	33.3% #A485B3	RGB 164 133 179	#A485B3
50.0%	50.0% #B089C5	RGB 176 137 197	#B089C5
66.7%	66.7% #BC8DD7	RGB 188 141 215	#BC8DD7
83.3%	83.3% #C891E9	RGB 200 145 233	#C891E9
100.0%	100.0% #D495FB	RGB 212 149 251	#D495FB

#8C7D8F #9881A1 #A485B3 #B089C5 #BC8DD7 #C891E9 #D495FB

#8C7D8F - #D495FB

Mezcla HSV

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

0.0%	0.0% #8C7D8F	RGB 140 125 143	#8C7D8F
16.7%	16.7% #9B85A1	RGB 155 133 161	#9B85A1
33.3%	33.3% #A98BB3	RGB 169 139 179	#A98BB3
50.0%	50.0% #B690C5	RGB 182 144 197	#B690C5
66.7%	66.7% #C293D7	RGB 194 147 215	#C293D7
83.3%	83.3% #CB95E9	RGB 203 149 233	#CB95E9
100.0%	100.0% #D495FB	RGB 212 149 251	#D495FB

#8C7D8F #9B85A1 #A98BB3 #B690C5 #C293D7 #CB95E9 #D495FB

#8C7D8F - #B690C5 - #D495FB

Códigos CSS

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

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