#504E37 - #CDCCC5 | 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 #504E37 a #CDCCC5

#504E37 #CDCCC5

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

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

0.0%	0.0% #504E37	RGB 80 78 55	#504E37
16.7%	16.7% #64634E	RGB 100 99 78	#64634E
33.3%	33.3% #797866	RGB 121 120 102	#797866
50.0%	50.0% #8E8D7E	RGB 142 141 126	#8E8D7E
66.7%	66.7% #A3A295	RGB 163 162 149	#A3A295
83.3%	83.3% #B8B7AD	RGB 184 183 173	#B8B7AD
100.0%	100.0% #CDCCC5	RGB 205 204 197	#CDCCC5

#504E37 #64634E #797866 #8E8D7E #A3A295 #B8B7AD #CDCCC5

#504E37 - #CDCCC5

Mezcla HSV

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

0.0%	0.0% #504E37	RGB 80 78 55	#504E37
16.7%	16.7% #646249	RGB 100 98 73	#646249
33.3%	33.3% #79775E	RGB 121 119 94	#79775E
50.0%	50.0% #8E8B75	RGB 142 139 117	#8E8B75
66.7%	66.7% #A3A08E	RGB 163 160 142	#A3A08E
83.3%	83.3% #B8B6A8	RGB 184 182 168	#B8B6A8
100.0%	100.0% #CDCCC5	RGB 205 204 197	#CDCCC5

#504E37 #646249 #79775E #8E8B75 #A3A08E #B8B6A8 #CDCCC5

#504E37 - #8E8B75 - #CDCCC5

Códigos CSS

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

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