#504B11 - #CDCBBB | 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 #504B11 a #CDCBBB

#504B11 #CDCBBB

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

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

0.0%	0.0% #504B11	RGB 80 75 17	#504B11
16.7%	16.7% #64602D	RGB 100 96 45	#64602D
33.3%	33.3% #797549	RGB 121 117 73	#797549
50.0%	50.0% #8E8B66	RGB 142 139 102	#8E8B66
66.7%	66.7% #A3A082	RGB 163 160 130	#A3A082
83.3%	83.3% #B8B59E	RGB 184 181 158	#B8B59E
100.0%	100.0% #CDCBBB	RGB 205 203 187	#CDCBBB

#504B11 #64602D #797549 #8E8B66 #A3A082 #B8B59E #CDCBBB

#504B11 - #CDCBBB

Mezcla HSV

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

0.0%	0.0% #504B10	RGB 80 75 16	#504B10
16.7%	16.7% #645F21	RGB 100 95 33	#645F21
33.3%	33.3% #797336	RGB 121 115 54	#797336
50.0%	50.0% #8E8850	RGB 142 136 80	#8E8850
66.7%	66.7% #A39E6E	RGB 163 158 110	#A39E6E
83.3%	83.3% #B8B492	RGB 184 180 146	#B8B492
100.0%	100.0% #CDCBBB	RGB 205 203 187	#CDCBBB

#504B10 #645F21 #797336 #8E8850 #A39E6E #B8B492 #CDCBBB

#504B11 - #8E8850 - #CDCBBB

Códigos CSS

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

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