#4D0202 - #CCB6B6 | 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 #4D0202 a #CCB6B6

#4D0202 #CCB6B6

Calcule el color entre dos colores, #4D0202 y #CCB6B6. 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)

#4D0202 - #CCB6B6 | 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 #4D0202 como 0% y #CCB6B6 como 100%.

0.0%	0.0% #4D0202	RGB 77 2 2	#4D0202
16.7%	16.7% #622020	RGB 98 32 32	#622020
33.3%	33.3% #773E3E	RGB 119 62 62	#773E3E
50.0%	50.0% #8C5C5C	RGB 140 92 92	#8C5C5C
66.7%	66.7% #A17A7A	RGB 161 122 122	#A17A7A
83.3%	83.3% #B69898	RGB 182 152 152	#B69898
100.0%	100.0% #CCB6B6	RGB 204 182 182	#CCB6B6

#4D0202 #622020 #773E3E #8C5C5C #A17A7A #B69898 #CCB6B6

#4D0202 - #CCB6B6

Mezcla HSV

#4D0202 - #CCB6B6 | 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 #4D0202 como 0% y #CCB6B6 como 100%.

0.0%	0.0% #4D0202	RGB 77 2 2	#4D0202
16.7%	16.7% #621010	RGB 98 16 16	#621010
33.3%	33.3% #772525	RGB 119 37 37	#772525
50.0%	50.0% #8C4040	RGB 140 64 64	#8C4040
66.7%	66.7% #A16161	RGB 161 97 97	#A16161
83.3%	83.3% #B68888	RGB 182 136 136	#B68888
100.0%	100.0% #CCB6B6	RGB 204 182 182	#CCB6B6

#4D0202 #621010 #772525 #8C4040 #A16161 #B68888 #CCB6B6

#4D0202 - #8C4040 - #CCB6B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0202 0%, #8C4040 50%, #CCB6B6 100%);
    background: -webkit-linear-gradient(top, #4D0202 0%, #8C4040 50%, #CCB6B6 100%);
    background: linear-gradient(to bottom, #4D0202 0%, #8C4040 50%, #CCB6B6 100%);
}
</style>