#81007B - #A682DC | 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 #81007B a #A682DC

#81007B #A682DC

Calcule el color entre dos colores, #81007B y #A682DC. 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)

#81007B - #A682DC | 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 #81007B como 0% y #A682DC como 100%.

0.0%	0.0% #81007B	RGB 129 0 123	#81007B
16.7%	16.7% #87158B	RGB 135 21 139	#87158B
33.3%	33.3% #8D2B9B	RGB 141 43 155	#8D2B9B
50.0%	50.0% #9341AB	RGB 147 65 171	#9341AB
66.7%	66.7% #9956BB	RGB 153 86 187	#9956BB
83.3%	83.3% #9F6CCB	RGB 159 108 203	#9F6CCB
100.0%	100.0% #A682DC	RGB 166 130 220	#A682DC

#81007B #87158B #8D2B9B #9341AB #9956BB #9F6CCB #A682DC

#81007B - #A682DC

Mezcla HSV

#81007B - #A682DC | 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 #81007B como 0% y #A682DC como 100%.

0.0%	0.0% #81007B	RGB 129 0 123	#81007B
16.7%	16.7% #880E90	RGB 136 14 144	#880E90
33.3%	33.3% #891F9F	RGB 137 31 159	#891F9F
50.0%	50.0% #8C33AE	RGB 140 51 174	#8C33AE
66.7%	66.7% #914ABD	RGB 145 74 189	#914ABD
83.3%	83.3% #9964CC	RGB 153 100 204	#9964CC
100.0%	100.0% #A682DC	RGB 166 130 220	#A682DC

#81007B #880E90 #891F9F #8C33AE #914ABD #9964CC #A682DC

#81007B - #8C33AE - #A682DC

Códigos CSS

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

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