#5E3E5E - #DC8069 | 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 #5E3E5E a #DC8069

#5E3E5E #DC8069

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

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

0.0%	0.0% #5E3E5E	RGB 94 62 94	#5E3E5E
16.7%	16.7% #73495F	RGB 115 73 95	#73495F
33.3%	33.3% #885461	RGB 136 84 97	#885461
50.0%	50.0% #9D5F63	RGB 157 95 99	#9D5F63
66.7%	66.7% #B26A65	RGB 178 106 101	#B26A65
83.3%	83.3% #C77567	RGB 199 117 103	#C77567
100.0%	100.0% #DC8069	RGB 220 128 105	#DC8069

#5E3E5E #73495F #885461 #9D5F63 #B26A65 #C77567 #DC8069

#5E3E5E - #DC8069

Mezcla HSV

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #73486A	RGB 115 72 106	#73486A
33.3%	33.3% #885172	RGB 136 81 114	#885172
50.0%	50.0% #9D5974	RGB 157 89 116	#9D5974
66.7%	66.7% #B25F70	RGB 178 95 112	#B25F70
83.3%	83.3% #C76565	RGB 199 101 101	#C76565
100.0%	100.0% #DC8069	RGB 220 128 105	#DC8069

#5D3E5E #73486A #885172 #9D5974 #B25F70 #C76565 #DC8069

#5E3E5E - #9D5974 - #DC8069

Códigos CSS

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

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