#6E5E5E - #CD81B3 | 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 #6E5E5E a #CD81B3

#6E5E5E #CD81B3

Calcule el color entre dos colores, #6E5E5E y #CD81B3. 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)

#6E5E5E - #CD81B3 | 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 #6E5E5E como 0% y #CD81B3 como 100%.

0.0%	0.0% #6E5E5E	RGB 110 94 94	#6E5E5E
16.7%	16.7% #7D636C	RGB 125 99 108	#7D636C
33.3%	33.3% #8D697A	RGB 141 105 122	#8D697A
50.0%	50.0% #9D6F88	RGB 157 111 136	#9D6F88
66.7%	66.7% #AD7596	RGB 173 117 150	#AD7596
83.3%	83.3% #BD7BA4	RGB 189 123 164	#BD7BA4
100.0%	100.0% #CD81B3	RGB 205 129 179	#CD81B3

#6E5E5E #7D636C #8D697A #9D6F88 #AD7596 #BD7BA4 #CD81B3

#6E5E5E - #CD81B3

Mezcla HSV

#6E5E5E - #CD81B3 | 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 #6E5E5E como 0% y #CD81B3 como 100%.

0.0%	0.0% #6E5E5E	RGB 110 94 94	#6E5E5E
16.7%	16.7% #7D6669	RGB 125 102 105	#7D6669
33.3%	33.3% #8D6E75	RGB 141 110 117	#8D6E75
50.0%	50.0% #9D7482	RGB 157 116 130	#9D7482
66.7%	66.7% #AD7A90	RGB 173 122 144	#AD7A90
83.3%	83.3% #BD7EA0	RGB 189 126 160	#BD7EA0
100.0%	100.0% #CD81B3	RGB 205 129 179	#CD81B3

#6E5E5E #7D6669 #8D6E75 #9D7482 #AD7A90 #BD7EA0 #CD81B3

#6E5E5E - #9D7482 - #CD81B3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E5E 0%, #9D7482 50%, #CD81B3 100%);
    background: -webkit-linear-gradient(top, #6E5E5E 0%, #9D7482 50%, #CD81B3 100%);
    background: linear-gradient(to bottom, #6E5E5E 0%, #9D7482 50%, #CD81B3 100%);
}
</style>