#5E3C54 - #CD867C | 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 #5E3C54 a #CD867C

#5E3C54 #CD867C

Calcule el color entre dos colores, #5E3C54 y #CD867C. 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)

#5E3C54 - #CD867C | 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 #5E3C54 como 0% y #CD867C como 100%.

0.0%	0.0% #5E3C54	RGB 94 60 84	#5E3C54
16.7%	16.7% #70485A	RGB 112 72 90	#70485A
33.3%	33.3% #835461	RGB 131 84 97	#835461
50.0%	50.0% #956168	RGB 149 97 104	#956168
66.7%	66.7% #A86D6E	RGB 168 109 110	#A86D6E
83.3%	83.3% #BA7975	RGB 186 121 117	#BA7975
100.0%	100.0% #CD867C	RGB 205 134 124	#CD867C

#5E3C54 #70485A #835461 #956168 #A86D6E #BA7975 #CD867C

#5E3C54 - #CD867C

Mezcla HSV

#5E3C54 - #CD867C | 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 #5E3C54 como 0% y #CD867C como 100%.

0.0%	0.0% #5E3C54	RGB 94 60 84	#5E3C54
16.7%	16.7% #70475E	RGB 112 71 94	#70475E
33.3%	33.3% #835267	RGB 131 82 103	#835267
50.0%	50.0% #955C6D	RGB 149 92 109	#955C6D
66.7%	66.7% #A86771	RGB 168 103 113	#A86771
83.3%	83.3% #BA7172	RGB 186 113 114	#BA7172
100.0%	100.0% #CD867C	RGB 205 134 124	#CD867C

#5E3C54 #70475E #835267 #955C6D #A86771 #BA7172 #CD867C

#5E3C54 - #955C6D - #CD867C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C54 0%, #955C6D 50%, #CD867C 100%);
    background: -webkit-linear-gradient(top, #5E3C54 0%, #955C6D 50%, #CD867C 100%);
    background: linear-gradient(to bottom, #5E3C54 0%, #955C6D 50%, #CD867C 100%);
}
</style>