#5E3E3E - #CD7064 | 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 #5E3E3E a #CD7064

#5E3E3E #CD7064

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

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

0.0%	0.0% #5E3E3E	RGB 94 62 62	#5E3E3E
16.7%	16.7% #704644	RGB 112 70 68	#704644
33.3%	33.3% #834E4A	RGB 131 78 74	#834E4A
50.0%	50.0% #955751	RGB 149 87 81	#955751
66.7%	66.7% #A85F57	RGB 168 95 87	#A85F57
83.3%	83.3% #BA675D	RGB 186 103 93	#BA675D
100.0%	100.0% #CD7064	RGB 205 112 100	#CD7064

#5E3E3E #704644 #834E4A #955751 #A85F57 #BA675D #CD7064

#5E3E3E - #CD7064

Mezcla HSV

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

0.0%	0.0% #5E3E3E	RGB 94 62 62	#5E3E3E
16.7%	16.7% #704746	RGB 112 71 70	#704746
33.3%	33.3% #83504E	RGB 131 80 78	#83504E
50.0%	50.0% #955955	RGB 149 89 85	#955955
66.7%	66.7% #A8615B	RGB 168 97 91	#A8615B
83.3%	83.3% #BA6860	RGB 186 104 96	#BA6860
100.0%	100.0% #CD7064	RGB 205 112 100	#CD7064

#5E3E3E #704746 #83504E #955955 #A8615B #BA6860 #CD7064

#5E3E3E - #955955 - #CD7064

Códigos CSS

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

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