#4D2214 - #CCBFBB | 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 #4D2214 a #CCBFBB

#4D2214 #CCBFBB

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

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

0.0%	0.0% #4D2214	RGB 77 34 20	#4D2214
16.7%	16.7% #623C2F	RGB 98 60 47	#623C2F
33.3%	33.3% #77564B	RGB 119 86 75	#77564B
50.0%	50.0% #8C7067	RGB 140 112 103	#8C7067
66.7%	66.7% #A18A83	RGB 161 138 131	#A18A83
83.3%	83.3% #B6A49F	RGB 182 164 159	#B6A49F
100.0%	100.0% #CCBFBB	RGB 204 191 187	#CCBFBB

#4D2214 #623C2F #77564B #8C7067 #A18A83 #B6A49F #CCBFBB

#4D2214 - #CCBFBB

Mezcla HSV

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

0.0%	0.0% #4D2213	RGB 77 34 19	#4D2213
16.7%	16.7% #623324	RGB 98 51 36	#623324
33.3%	33.3% #774839	RGB 119 72 57	#774839
50.0%	50.0% #8C6052	RGB 140 96 82	#8C6052
66.7%	66.7% #A17C70	RGB 161 124 112	#A17C70
83.3%	83.3% #B69B93	RGB 182 155 147	#B69B93
100.0%	100.0% #CCBFBB	RGB 204 191 187	#CCBFBB

#4D2213 #623324 #774839 #8C6052 #A17C70 #B69B93 #CCBFBB

#4D2214 - #8C6052 - #CCBFBB

Códigos CSS

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

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