#3C3856 - #C48177 | 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 #3C3856 a #C48177

#3C3856 #C48177

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

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

0.0%	0.0% #3C3856	RGB 60 56 86	#3C3856
16.7%	16.7% #52445B	RGB 82 68 91	#52445B
33.3%	33.3% #695061	RGB 105 80 97	#695061
50.0%	50.0% #805C66	RGB 128 92 102	#805C66
66.7%	66.7% #96686C	RGB 150 104 108	#96686C
83.3%	83.3% #AD7471	RGB 173 116 113	#AD7471
100.0%	100.0% #C48177	RGB 196 129 119	#C48177

#3C3856 #52445B #695061 #805C66 #96686C #AD7471 #C48177

#3C3856 - #C48177

Mezcla HSV

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

0.0%	0.0% #3C3856	RGB 60 56 86	#3C3856
16.7%	16.7% #544368	RGB 84 67 104	#544368
33.3%	33.3% #714E7A	RGB 113 78 122	#714E7A
50.0%	50.0% #8D5886	RGB 141 88 134	#8D5886
66.7%	66.7% #9F6383	RGB 159 99 131	#9F6383
83.3%	83.3% #B16D7B	RGB 177 109 123	#B16D7B
100.0%	100.0% #C48177	RGB 196 129 119	#C48177

#3C3856 #544368 #714E7A #8D5886 #9F6383 #B16D7B #C48177

#3C3856 - #8D5886 - #C48177

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3856 0%, #8D5886 50%, #C48177 100%);
    background: -webkit-linear-gradient(top, #3C3856 0%, #8D5886 50%, #C48177 100%);
    background: linear-gradient(to bottom, #3C3856 0%, #8D5886 50%, #C48177 100%);
}
</style>