#3C0E3C - #C7BAC7 | 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 #3C0E3C a #C7BAC7

#3C0E3C #C7BAC7

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

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

0.0%	0.0% #3C0E3C	RGB 60 14 60	#3C0E3C
16.7%	16.7% #532A53	RGB 83 42 83	#532A53
33.3%	33.3% #6A476A	RGB 106 71 106	#6A476A
50.0%	50.0% #816481	RGB 129 100 129	#816481
66.7%	66.7% #988098	RGB 152 128 152	#988098
83.3%	83.3% #AF9DAF	RGB 175 157 175	#AF9DAF
100.0%	100.0% #C7BAC7	RGB 199 186 199	#C7BAC7

#3C0E3C #532A53 #6A476A #816481 #988098 #AF9DAF #C7BAC7

#3C0E3C - #C7BAC7

Mezcla HSV

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

0.0%	0.0% #3C0E3C	RGB 60 14 60	#3C0E3C
16.7%	16.7% #531D53	RGB 83 29 83	#531D53
33.3%	33.3% #6A316A	RGB 106 49 106	#6A316A
50.0%	50.0% #814B81	RGB 129 75 129	#814B81
66.7%	66.7% #986B98	RGB 152 107 152	#986B98
83.3%	83.3% #AF8FAF	RGB 175 143 175	#AF8FAF
100.0%	100.0% #C7BAC7	RGB 199 186 199	#C7BAC7

#3C0E3C #531D53 #6A316A #814B81 #986B98 #AF8FAF #C7BAC7

#3C0E3C - #814B81 - #C7BAC7

Códigos CSS

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

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