#504B10 - #CDCCBB | 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 #504B10 a #CDCCBB

#504B10 #CDCCBB

Calcule el color entre dos colores, #504B10 y #CDCCBB. 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)

#504B10 - #CDCCBB | 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 #504B10 como 0% y #CDCCBB como 100%.

0.0%	0.0% #504B10	RGB 80 75 16	#504B10
16.7%	16.7% #64602C	RGB 100 96 44	#64602C
33.3%	33.3% #797649	RGB 121 118 73	#797649
50.0%	50.0% #8E8B65	RGB 142 139 101	#8E8B65
66.7%	66.7% #A3A182	RGB 163 161 130	#A3A182
83.3%	83.3% #B8B69E	RGB 184 182 158	#B8B69E
100.0%	100.0% #CDCCBB	RGB 205 204 187	#CDCCBB

#504B10 #64602C #797649 #8E8B65 #A3A182 #B8B69E #CDCCBB

#504B10 - #CDCCBB

Mezcla HSV

#504B10 - #CDCCBB | 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 #504B10 como 0% y #CDCCBB como 100%.

0.0%	0.0% #504B0F	RGB 80 75 15	#504B0F
16.7%	16.7% #645F20	RGB 100 95 32	#645F20
33.3%	33.3% #797435	RGB 121 116 53	#797435
50.0%	50.0% #8E8A4F	RGB 142 138 79	#8E8A4F
66.7%	66.7% #A39F6E	RGB 163 159 110	#A39F6E
83.3%	83.3% #B8B592	RGB 184 181 146	#B8B592
100.0%	100.0% #CDCCBB	RGB 205 204 187	#CDCCBB

#504B0F #645F20 #797435 #8E8A4F #A39F6E #B8B592 #CDCCBB

#504B10 - #8E8A4F - #CDCCBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504B0F 0%, #8E8A4F 50%, #CDCCBB 100%);
    background: -webkit-linear-gradient(top, #504B0F 0%, #8E8A4F 50%, #CDCCBB 100%);
    background: linear-gradient(to bottom, #504B0F 0%, #8E8A4F 50%, #CDCCBB 100%);
}
</style>