#6B0040 - #D4B6C8 | 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 #6B0040 a #D4B6C8

#6B0040 #D4B6C8

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

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

0.0%	0.0% #6B0040	RGB 107 0 64	#6B0040
16.7%	16.7% #7C1E56	RGB 124 30 86	#7C1E56
33.3%	33.3% #8E3C6D	RGB 142 60 109	#8E3C6D
50.0%	50.0% #9F5B84	RGB 159 91 132	#9F5B84
66.7%	66.7% #B1799A	RGB 177 121 154	#B1799A
83.3%	83.3% #C297B1	RGB 194 151 177	#C297B1
100.0%	100.0% #D4B6C8	RGB 212 182 200	#D4B6C8

#6B0040 #7C1E56 #8E3C6D #9F5B84 #B1799A #C297B1 #D4B6C8

#6B0040 - #D4B6C8

Mezcla HSV

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

0.0%	0.0% #6B0040	RGB 107 0 64	#6B0040
16.7%	16.7% #7C1151	RGB 124 17 81	#7C1151
33.3%	33.3% #8E2865	RGB 142 40 101	#8E2865
50.0%	50.0% #9F447B	RGB 159 68 123	#9F447B
66.7%	66.7% #B16592	RGB 177 101 146	#B16592
83.3%	83.3% #C28BAC	RGB 194 139 172	#C28BAC
100.0%	100.0% #D4B6C8	RGB 212 182 200	#D4B6C8

#6B0040 #7C1151 #8E2865 #9F447B #B16592 #C28BAC #D4B6C8

#6B0040 - #9F447B - #D4B6C8

Códigos CSS

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

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