#3C0E2D - #C7BAC3 | 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 #3C0E2D a #C7BAC3

#3C0E2D #C7BAC3

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

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

0.0%	0.0% #3C0E2D	RGB 60 14 45	#3C0E2D
16.7%	16.7% #532A46	RGB 83 42 70	#532A46
33.3%	33.3% #6A475F	RGB 106 71 95	#6A475F
50.0%	50.0% #816478	RGB 129 100 120	#816478
66.7%	66.7% #988091	RGB 152 128 145	#988091
83.3%	83.3% #AF9DAA	RGB 175 157 170	#AF9DAA
100.0%	100.0% #C7BAC3	RGB 199 186 195	#C7BAC3

#3C0E2D #532A46 #6A475F #816478 #988091 #AF9DAA #C7BAC3

#3C0E2D - #C7BAC3

Mezcla HSV

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

0.0%	0.0% #3C0E2C	RGB 60 14 44	#3C0E2C
16.7%	16.7% #531D41	RGB 83 29 65	#531D41
33.3%	33.3% #6A3158	RGB 106 49 88	#6A3158
50.0%	50.0% #814B70	RGB 129 75 112	#814B70
66.7%	66.7% #986B8A	RGB 152 107 138	#986B8A
83.3%	83.3% #AF8FA5	RGB 175 143 165	#AF8FA5
100.0%	100.0% #C7BAC3	RGB 199 186 195	#C7BAC3

#3C0E2C #531D41 #6A3158 #814B70 #986B8A #AF8FA5 #C7BAC3

#3C0E2D - #814B70 - #C7BAC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0E2C 0%, #814B70 50%, #C7BAC3 100%);
    background: -webkit-linear-gradient(top, #3C0E2C 0%, #814B70 50%, #C7BAC3 100%);
    background: linear-gradient(to bottom, #3C0E2C 0%, #814B70 50%, #C7BAC3 100%);
}
</style>