#5E3E41 - #CC825E | 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 #5E3E41 a #CC825E

#5E3E41 #CC825E

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

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

0.0%	0.0% #5E3E41	RGB 94 62 65	#5E3E41
16.7%	16.7% #704945	RGB 112 73 69	#704945
33.3%	33.3% #82544A	RGB 130 84 74	#82544A
50.0%	50.0% #95604F	RGB 149 96 79	#95604F
66.7%	66.7% #A76B54	RGB 167 107 84	#A76B54
83.3%	83.3% #B97659	RGB 185 118 89	#B97659
100.0%	100.0% #CC825E	RGB 204 130 94	#CC825E

#5E3E41 #704945 #82544A #95604F #A76B54 #B97659 #CC825E

#5E3E41 - #CC825E

Mezcla HSV

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

0.0%	0.0% #5E3E41	RGB 94 62 65	#5E3E41
16.7%	16.7% #704647	RGB 112 70 71	#704647
33.3%	33.3% #82504D	RGB 130 80 77	#82504D
50.0%	50.0% #955B53	RGB 149 91 83	#955B53
66.7%	66.7% #A76658	RGB 167 102 88	#A76658
83.3%	83.3% #B9735B	RGB 185 115 91	#B9735B
100.0%	100.0% #CC825E	RGB 204 130 94	#CC825E

#5E3E41 #704647 #82504D #955B53 #A76658 #B9735B #CC825E

#5E3E41 - #955B53 - #CC825E

Códigos CSS

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

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