#CD5C5C - #3A1A1A | 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 #CD5C5C a #3A1A1A

#CD5C5C #3A1A1A

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

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

0.0%	0.0% #CD5C5C	RGB 205 92 92	#CD5C5C
16.7%	16.7% #B45151	RGB 180 81 81	#B45151
33.3%	33.3% #9C4646	RGB 156 70 70	#9C4646
50.0%	50.0% #833B3B	RGB 131 59 59	#833B3B
66.7%	66.7% #6B3030	RGB 107 48 48	#6B3030
83.3%	83.3% #522525	RGB 82 37 37	#522525
100.0%	100.0% #3A1A1A	RGB 58 26 26	#3A1A1A

#CD5C5C #B45151 #9C4646 #833B3B #6B3030 #522525 #3A1A1A

#CD5C5C - #3A1A1A

Mezcla HSV

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

0.0%	0.0% #CD5C5C	RGB 205 92 92	#CD5C5C
16.7%	16.7% #B45050	RGB 180 80 80	#B45050
33.3%	33.3% #9C4545	RGB 156 69 69	#9C4545
50.0%	50.0% #833A3A	RGB 131 58 58	#833A3A
66.7%	66.7% #6B2F2F	RGB 107 47 47	#6B2F2F
83.3%	83.3% #522424	RGB 82 36 36	#522424
100.0%	100.0% #3A1A1A	RGB 58 26 26	#3A1A1A

#CD5C5C #B45050 #9C4545 #833A3A #6B2F2F #522424 #3A1A1A

#CD5C5C - #833A3A - #3A1A1A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD5C5C 0%, #833A3A 50%, #3A1A1A 100%);
    background: -webkit-linear-gradient(top, #CD5C5C 0%, #833A3A 50%, #3A1A1A 100%);
    background: linear-gradient(to bottom, #CD5C5C 0%, #833A3A 50%, #3A1A1A 100%);
}
</style>