#4E5013 - #CCCDBB | 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 #4E5013 a #CCCDBB

#4E5013 #CCCDBB

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

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

0.0%	0.0% #4E5013	RGB 78 80 19	#4E5013
16.7%	16.7% #63642F	RGB 99 100 47	#63642F
33.3%	33.3% #78794B	RGB 120 121 75	#78794B
50.0%	50.0% #8D8E67	RGB 141 142 103	#8D8E67
66.7%	66.7% #A2A383	RGB 162 163 131	#A2A383
83.3%	83.3% #B7B89F	RGB 183 184 159	#B7B89F
100.0%	100.0% #CCCDBB	RGB 204 205 187	#CCCDBB

#4E5013 #63642F #78794B #8D8E67 #A2A383 #B7B89F #CCCDBB

#4E5013 - #CCCDBB

Mezcla HSV

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

0.0%	0.0% #4E5013	RGB 78 80 19	#4E5013
16.7%	16.7% #626423	RGB 98 100 35	#626423
33.3%	33.3% #777938	RGB 119 121 56	#777938
50.0%	50.0% #8B8E51	RGB 139 142 81	#8B8E51
66.7%	66.7% #A0A370	RGB 160 163 112	#A0A370
83.3%	83.3% #B6B893	RGB 182 184 147	#B6B893
100.0%	100.0% #CCCDBB	RGB 204 205 187	#CCCDBB

#4E5013 #626423 #777938 #8B8E51 #A0A370 #B6B893 #CCCDBB

#4E5013 - #8B8E51 - #CCCDBB

Códigos CSS

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

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