#5E3F5E - #DD8169 | 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 #5E3F5E a #DD8169

#5E3F5E #DD8169

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

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

0.0%	0.0% #5E3F5E	RGB 94 63 94	#5E3F5E
16.7%	16.7% #734A5F	RGB 115 74 95	#734A5F
33.3%	33.3% #885561	RGB 136 85 97	#885561
50.0%	50.0% #9D6063	RGB 157 96 99	#9D6063
66.7%	66.7% #B26B65	RGB 178 107 101	#B26B65
83.3%	83.3% #C77667	RGB 199 118 103	#C77667
100.0%	100.0% #DD8169	RGB 221 129 105	#DD8169

#5E3F5E #734A5F #885561 #9D6063 #B26B65 #C77667 #DD8169

#5E3F5E - #DD8169

Mezcla HSV

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

0.0%	0.0% #5E3F5E	RGB 94 63 94	#5E3F5E
16.7%	16.7% #73496A	RGB 115 73 106	#73496A
33.3%	33.3% #885272	RGB 136 82 114	#885272
50.0%	50.0% #9D5A74	RGB 157 90 116	#9D5A74
66.7%	66.7% #B26070	RGB 178 96 112	#B26070
83.3%	83.3% #C76665	RGB 199 102 101	#C76665
100.0%	100.0% #DD8169	RGB 221 129 105	#DD8169

#5E3F5E #73496A #885272 #9D5A74 #B26070 #C76665 #DD8169

#5E3F5E - #9D5A74 - #DD8169

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3F5E 0%, #9D5A74 50%, #DD8169 100%);
    background: -webkit-linear-gradient(top, #5E3F5E 0%, #9D5A74 50%, #DD8169 100%);
    background: linear-gradient(to bottom, #5E3F5E 0%, #9D5A74 50%, #DD8169 100%);
}
</style>