#AD5327 - #E7CDC1 | 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 #AD5327 a #E7CDC1

#AD5327 #E7CDC1

Calcule el color entre dos colores, #AD5327 y #E7CDC1. 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)

#AD5327 - #E7CDC1 | 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 #AD5327 como 0% y #E7CDC1 como 100%.

0.0%	0.0% #AD5327	RGB 173 83 39	#AD5327
16.7%	16.7% #B66740	RGB 182 103 64	#B66740
33.3%	33.3% #C07B5A	RGB 192 123 90	#C07B5A
50.0%	50.0% #CA9074	RGB 202 144 116	#CA9074
66.7%	66.7% #D3A48D	RGB 211 164 141	#D3A48D
83.3%	83.3% #DDB8A7	RGB 221 184 167	#DDB8A7
100.0%	100.0% #E7CDC1	RGB 231 205 193	#E7CDC1

#AD5327 #B66740 #C07B5A #CA9074 #D3A48D #DDB8A7 #E7CDC1

#AD5327 - #E7CDC1

Mezcla HSV

#AD5327 - #E7CDC1 | 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 #AD5327 como 0% y #E7CDC1 como 100%.

0.0%	0.0% #AD5327	RGB 173 83 39	#AD5327
16.7%	16.7% #B6633B	RGB 182 99 59	#B6633B
33.3%	33.3% #C07652	RGB 192 118 82	#C07652
50.0%	50.0% #CA896B	RGB 202 137 107	#CA896B
66.7%	66.7% #D39E85	RGB 211 158 133	#D39E85
83.3%	83.3% #DDB5A2	RGB 221 181 162	#DDB5A2
100.0%	100.0% #E7CDC1	RGB 231 205 193	#E7CDC1

#AD5327 #B6633B #C07652 #CA896B #D39E85 #DDB5A2 #E7CDC1

#AD5327 - #CA896B - #E7CDC1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD5327 0%, #CA896B 50%, #E7CDC1 100%);
    background: -webkit-linear-gradient(top, #AD5327 0%, #CA896B 50%, #E7CDC1 100%);
    background: linear-gradient(to bottom, #AD5327 0%, #CA896B 50%, #E7CDC1 100%);
}
</style>