#C36D6D - #930C12 | 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 #C36D6D a #930C12

#C36D6D #930C12

Calcule el color entre dos colores, #C36D6D y #930C12. 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)

#C36D6D - #930C12 | 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 #C36D6D como 0% y #930C12 como 100%.

0.0%	0.0% #C36D6D	RGB 195 109 109	#C36D6D
16.7%	16.7% #BB5C5D	RGB 187 92 93	#BB5C5D
33.3%	33.3% #B34C4E	RGB 179 76 78	#B34C4E
50.0%	50.0% #AB3C3F	RGB 171 60 63	#AB3C3F
66.7%	66.7% #A32C30	RGB 163 44 48	#A32C30
83.3%	83.3% #9B1C21	RGB 155 28 33	#9B1C21
100.0%	100.0% #930C12	RGB 147 12 18	#930C12

#C36D6D #BB5C5D #B34C4E #AB3C3F #A32C30 #9B1C21 #930C12

#C36D6D - #930C12

Mezcla HSV

#C36D6D - #930C12 | 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 #C36D6D como 0% y #930C12 como 100%.

0.0%	0.0% #C36D6D	RGB 195 109 109	#C36D6D
16.7%	16.7% #BB595A	RGB 187 89 90	#BB595A
33.3%	33.3% #B34749	RGB 179 71 73	#B34749
50.0%	50.0% #AB3639	RGB 171 54 57	#AB3639
66.7%	66.7% #A3272A	RGB 163 39 42	#A3272A
83.3%	83.3% #9B181D	RGB 155 24 29	#9B181D
100.0%	100.0% #930C12	RGB 147 12 18	#930C12

#C36D6D #BB595A #B34749 #AB3639 #A3272A #9B181D #930C12

#C36D6D - #AB3639 - #930C12

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C36D6D 0%, #AB3639 50%, #930C12 100%);
    background: -webkit-linear-gradient(top, #C36D6D 0%, #AB3639 50%, #930C12 100%);
    background: linear-gradient(to bottom, #C36D6D 0%, #AB3639 50%, #930C12 100%);
}
</style>