#4D1B1B - #CCBDBD | 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 #4D1B1B a #CCBDBD

#4D1B1B #CCBDBD

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

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

0.0%	0.0% #4D1B1B	RGB 77 27 27	#4D1B1B
16.7%	16.7% #623636	RGB 98 54 54	#623636
33.3%	33.3% #775151	RGB 119 81 81	#775151
50.0%	50.0% #8C6C6C	RGB 140 108 108	#8C6C6C
66.7%	66.7% #A18787	RGB 161 135 135	#A18787
83.3%	83.3% #B6A2A2	RGB 182 162 162	#B6A2A2
100.0%	100.0% #CCBDBD	RGB 204 189 189	#CCBDBD

#4D1B1B #623636 #775151 #8C6C6C #A18787 #B6A2A2 #CCBDBD

#4D1B1B - #CCBDBD

Mezcla HSV

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

0.0%	0.0% #4D1B1B	RGB 77 27 27	#4D1B1B
16.7%	16.7% #622B2B	RGB 98 43 43	#622B2B
33.3%	33.3% #774040	RGB 119 64 64	#774040
50.0%	50.0% #8C5959	RGB 140 89 89	#8C5959
66.7%	66.7% #A17676	RGB 161 118 118	#A17676
83.3%	83.3% #B69797	RGB 182 151 151	#B69797
100.0%	100.0% #CCBDBD	RGB 204 189 189	#CCBDBD

#4D1B1B #622B2B #774040 #8C5959 #A17676 #B69797 #CCBDBD

#4D1B1B - #8C5959 - #CCBDBD

Códigos CSS

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

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