#C39DB1 - #372C32 | 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 #C39DB1 a #372C32

#C39DB1 #372C32

Calcule el color entre dos colores, #C39DB1 y #372C32. 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)

#C39DB1 - #372C32 | 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 #C39DB1 como 0% y #372C32 como 100%.

0.0%	0.0% #C39DB1	RGB 195 157 177	#C39DB1
16.7%	16.7% #AB8A9B	RGB 171 138 155	#AB8A9B
33.3%	33.3% #947786	RGB 148 119 134	#947786
50.0%	50.0% #7D6471	RGB 125 100 113	#7D6471
66.7%	66.7% #65515C	RGB 101 81 92	#65515C
83.3%	83.3% #4E3E47	RGB 78 62 71	#4E3E47
100.0%	100.0% #372C32	RGB 55 44 50	#372C32

#C39DB1 #AB8A9B #947786 #7D6471 #65515C #4E3E47 #372C32

#C39DB1 - #372C32

Mezcla HSV

#C39DB1 - #372C32 | 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 #C39DB1 como 0% y #372C32 como 100%.

0.0%	0.0% #C39DB1	RGB 195 157 177	#C39DB1
16.7%	16.7% #AB8A9B	RGB 171 138 155	#AB8A9B
33.3%	33.3% #947786	RGB 148 119 134	#947786
50.0%	50.0% #7D6471	RGB 125 100 113	#7D6471
66.7%	66.7% #65515C	RGB 101 81 92	#65515C
83.3%	83.3% #4E3E47	RGB 78 62 71	#4E3E47
100.0%	100.0% #372C32	RGB 55 44 50	#372C32

#C39DB1 #AB8A9B #947786 #7D6471 #65515C #4E3E47 #372C32

#C39DB1 - #7D6471 - #372C32

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C39DB1 0%, #7D6471 50%, #372C32 100%);
    background: -webkit-linear-gradient(top, #C39DB1 0%, #7D6471 50%, #372C32 100%);
    background: linear-gradient(to bottom, #C39DB1 0%, #7D6471 50%, #372C32 100%);
}
</style>