#3E3C5E - #C88780 | 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 #3E3C5E a #C88780

#3E3C5E #C88780

Calcule el color entre dos colores, #3E3C5E y #C88780. 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)

#3E3C5E - #C88780 | 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 #3E3C5E como 0% y #C88780 como 100%.

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #554863	RGB 85 72 99	#554863
33.3%	33.3% #6C5569	RGB 108 85 105	#6C5569
50.0%	50.0% #83616F	RGB 131 97 111	#83616F
66.7%	66.7% #9A6E74	RGB 154 110 116	#9A6E74
83.3%	83.3% #B17A7A	RGB 177 122 122	#B17A7A
100.0%	100.0% #C88780	RGB 200 135 128	#C88780

#3E3C5E #554863 #6C5569 #83616F #9A6E74 #B17A7A #C88780

#3E3C5E - #C88780

Mezcla HSV

#3E3C5E - #C88780 | 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 #3E3C5E como 0% y #C88780 como 100%.

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #57476F	RGB 87 71 111	#57476F
33.3%	33.3% #755281	RGB 117 82 129	#755281
50.0%	50.0% #935D8E	RGB 147 93 142	#935D8E
66.7%	66.7% #A4698B	RGB 164 105 139	#A4698B
83.3%	83.3% #B67484	RGB 182 116 132	#B67484
100.0%	100.0% #C88780	RGB 200 135 128	#C88780

#3E3C5E #57476F #755281 #935D8E #A4698B #B67484 #C88780

#3E3C5E - #935D8E - #C88780

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
    background: -webkit-linear-gradient(top, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
    background: linear-gradient(to bottom, #3E3C5E 0%, #935D8E 50%, #C88780 100%);
}
</style>