#502B13 - #CDC2BB | 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 #502B13 a #CDC2BB

#502B13 #CDC2BB

Calcule el color entre dos colores, #502B13 y #CDC2BB. 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)

#502B13 - #CDC2BB | 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 #502B13 como 0% y #CDC2BB como 100%.

0.0%	0.0% #502B13	RGB 80 43 19	#502B13
16.7%	16.7% #64442F	RGB 100 68 47	#64442F
33.3%	33.3% #795D4B	RGB 121 93 75	#795D4B
50.0%	50.0% #8E7667	RGB 142 118 103	#8E7667
66.7%	66.7% #A38F83	RGB 163 143 131	#A38F83
83.3%	83.3% #B8A89F	RGB 184 168 159	#B8A89F
100.0%	100.0% #CDC2BB	RGB 205 194 187	#CDC2BB

#502B13 #64442F #795D4B #8E7667 #A38F83 #B8A89F #CDC2BB

#502B13 - #CDC2BB

Mezcla HSV

#502B13 - #CDC2BB | 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 #502B13 como 0% y #CDC2BB como 100%.

0.0%	0.0% #502B13	RGB 80 43 19	#502B13
16.7%	16.7% #643D23	RGB 100 61 35	#643D23
33.3%	33.3% #795138	RGB 121 81 56	#795138
50.0%	50.0% #8E6951	RGB 142 105 81	#8E6951
66.7%	66.7% #A38470	RGB 163 132 112	#A38470
83.3%	83.3% #B8A193	RGB 184 161 147	#B8A193
100.0%	100.0% #CDC2BB	RGB 205 194 187	#CDC2BB

#502B13 #643D23 #795138 #8E6951 #A38470 #B8A193 #CDC2BB

#502B13 - #8E6951 - #CDC2BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502B13 0%, #8E6951 50%, #CDC2BB 100%);
    background: -webkit-linear-gradient(top, #502B13 0%, #8E6951 50%, #CDC2BB 100%);
    background: linear-gradient(to bottom, #502B13 0%, #8E6951 50%, #CDC2BB 100%);
}
</style>