#3F2D3C - #C8C3C7 | 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 #3F2D3C a #C8C3C7

#3F2D3C #C8C3C7

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

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

0.0%	0.0% #3F2D3C	RGB 63 45 60	#3F2D3C
16.7%	16.7% #554653	RGB 85 70 83	#554653
33.3%	33.3% #6C5F6A	RGB 108 95 106	#6C5F6A
50.0%	50.0% #837881	RGB 131 120 129	#837881
66.7%	66.7% #9A9198	RGB 154 145 152	#9A9198
83.3%	83.3% #B1AAAF	RGB 177 170 175	#B1AAAF
100.0%	100.0% #C8C3C7	RGB 200 195 199	#C8C3C7

#3F2D3C #554653 #6C5F6A #837881 #9A9198 #B1AAAF #C8C3C7

#3F2D3C - #C8C3C7

Mezcla HSV

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

0.0%	0.0% #3F2D3C	RGB 63 45 60	#3F2D3C
16.7%	16.7% #554152	RGB 85 65 82	#554152
33.3%	33.3% #6C5768	RGB 108 87 104	#6C5768
50.0%	50.0% #836F7F	RGB 131 111 127	#836F7F
66.7%	66.7% #9A8997	RGB 154 137 151	#9A8997
83.3%	83.3% #B1A5AE	RGB 177 165 174	#B1A5AE
100.0%	100.0% #C8C3C7	RGB 200 195 199	#C8C3C7

#3F2D3C #554152 #6C5768 #836F7F #9A8997 #B1A5AE #C8C3C7

#3F2D3C - #836F7F - #C8C3C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F2D3C 0%, #836F7F 50%, #C8C3C7 100%);
    background: -webkit-linear-gradient(top, #3F2D3C 0%, #836F7F 50%, #C8C3C7 100%);
    background: linear-gradient(to bottom, #3F2D3C 0%, #836F7F 50%, #C8C3C7 100%);
}
</style>