#3C1010 - #C7BABA | 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 #3C1010 a #C7BABA

#3C1010 #C7BABA

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

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

0.0%	0.0% #3C1010	RGB 60 16 16	#3C1010
16.7%	16.7% #532C2C	RGB 83 44 44	#532C2C
33.3%	33.3% #6A4848	RGB 106 72 72	#6A4848
50.0%	50.0% #816565	RGB 129 101 101	#816565
66.7%	66.7% #988181	RGB 152 129 129	#988181
83.3%	83.3% #AF9D9D	RGB 175 157 157	#AF9D9D
100.0%	100.0% #C7BABA	RGB 199 186 186	#C7BABA

#3C1010 #532C2C #6A4848 #816565 #988181 #AF9D9D #C7BABA

#3C1010 - #C7BABA

Mezcla HSV

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

0.0%	0.0% #3C1010	RGB 60 16 16	#3C1010
16.7%	16.7% #531F1F	RGB 83 31 31	#531F1F
33.3%	33.3% #6A3434	RGB 106 52 52	#6A3434
50.0%	50.0% #814D4D	RGB 129 77 77	#814D4D
66.7%	66.7% #986C6C	RGB 152 108 108	#986C6C
83.3%	83.3% #AF9090	RGB 175 144 144	#AF9090
100.0%	100.0% #C7BABA	RGB 199 186 186	#C7BABA

#3C1010 #531F1F #6A3434 #814D4D #986C6C #AF9090 #C7BABA

#3C1010 - #814D4D - #C7BABA

Códigos CSS

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

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