#3C0F2C - #C7BAC2 | 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 #3C0F2C a #C7BAC2

#3C0F2C #C7BAC2

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

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

0.0%	0.0% #3C0F2C	RGB 60 15 44	#3C0F2C
16.7%	16.7% #532B45	RGB 83 43 69	#532B45
33.3%	33.3% #6A485E	RGB 106 72 94	#6A485E
50.0%	50.0% #816477	RGB 129 100 119	#816477
66.7%	66.7% #988190	RGB 152 129 144	#988190
83.3%	83.3% #AF9DA9	RGB 175 157 169	#AF9DA9
100.0%	100.0% #C7BAC2	RGB 199 186 194	#C7BAC2

#3C0F2C #532B45 #6A485E #816477 #988190 #AF9DA9 #C7BAC2

#3C0F2C - #C7BAC2

Mezcla HSV

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

0.0%	0.0% #3C0F2B	RGB 60 15 43	#3C0F2B
16.7%	16.7% #531E40	RGB 83 30 64	#531E40
33.3%	33.3% #6A3256	RGB 106 50 86	#6A3256
50.0%	50.0% #814C6D	RGB 129 76 109	#814C6D
66.7%	66.7% #986B87	RGB 152 107 135	#986B87
83.3%	83.3% #AF90A3	RGB 175 144 163	#AF90A3
100.0%	100.0% #C7BAC2	RGB 199 186 194	#C7BAC2

#3C0F2B #531E40 #6A3256 #814C6D #986B87 #AF90A3 #C7BAC2

#3C0F2C - #814C6D - #C7BAC2

Códigos CSS

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

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