#5E3D45 - #CD6375 | 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 #5E3D45 a #CD6375

#5E3D45 #CD6375

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

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

0.0%	0.0% #5E3D45	RGB 94 61 69	#5E3D45
16.7%	16.7% #70434D	RGB 112 67 77	#70434D
33.3%	33.3% #834955	RGB 131 73 85	#834955
50.0%	50.0% #95505D	RGB 149 80 93	#95505D
66.7%	66.7% #A85665	RGB 168 86 101	#A85665
83.3%	83.3% #BA5C6D	RGB 186 92 109	#BA5C6D
100.0%	100.0% #CD6375	RGB 205 99 117	#CD6375

#5E3D45 #70434D #834955 #95505D #A85665 #BA5C6D #CD6375

#5E3D45 - #CD6375

Mezcla HSV

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

0.0%	0.0% #5E3D45	RGB 94 61 69	#5E3D45
16.7%	16.7% #70454F	RGB 112 69 79	#70454F
33.3%	33.3% #834D59	RGB 131 77 89	#834D59
50.0%	50.0% #955461	RGB 149 84 97	#955461
66.7%	66.7% #A85A69	RGB 168 90 105	#A85A69
83.3%	83.3% #BA5F6F	RGB 186 95 111	#BA5F6F
100.0%	100.0% #CD6375	RGB 205 99 117	#CD6375

#5E3D45 #70454F #834D59 #955461 #A85A69 #BA5F6F #CD6375

#5E3D45 - #955461 - #CD6375

Códigos CSS

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

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