#642E4D - #936F85 | 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 #642E4D a #936F85

#642E4D #936F85

Calcule el color entre dos colores, #642E4D y #936F85. 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)

#642E4D - #936F85 | 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 #642E4D como 0% y #936F85 como 100%.

0.0%	0.0% #642E4D	RGB 100 46 77	#642E4D
16.7%	16.7% #6B3856	RGB 107 56 86	#6B3856
33.3%	33.3% #73435F	RGB 115 67 95	#73435F
50.0%	50.0% #7B4E69	RGB 123 78 105	#7B4E69
66.7%	66.7% #835972	RGB 131 89 114	#835972
83.3%	83.3% #8B647B	RGB 139 100 123	#8B647B
100.0%	100.0% #936F85	RGB 147 111 133	#936F85

#642E4D #6B3856 #73435F #7B4E69 #835972 #8B647B #936F85

#642E4D - #936F85

Mezcla HSV

#642E4D - #936F85 | 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 #642E4D como 0% y #936F85 como 100%.

0.0%	0.0% #642E4C	RGB 100 46 76	#642E4C
16.7%	16.7% #6B3655	RGB 107 54 85	#6B3655
33.3%	33.3% #73405E	RGB 115 64 94	#73405E
50.0%	50.0% #7B4B67	RGB 123 75 103	#7B4B67
66.7%	66.7% #835671	RGB 131 86 113	#835671
83.3%	83.3% #8B627A	RGB 139 98 122	#8B627A
100.0%	100.0% #936F85	RGB 147 111 133	#936F85

#642E4C #6B3655 #73405E #7B4B67 #835671 #8B627A #936F85

#642E4D - #7B4B67 - #936F85

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #642E4C 0%, #7B4B67 50%, #936F85 100%);
    background: -webkit-linear-gradient(top, #642E4C 0%, #7B4B67 50%, #936F85 100%);
    background: linear-gradient(to bottom, #642E4C 0%, #7B4B67 50%, #936F85 100%);
}
</style>