#E3E5E4 - #A2BD99 | 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 #E3E5E4 a #A2BD99

#E3E5E4 #A2BD99

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

#E3E5E4 - #A2BD99 | 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 #E3E5E4 como 0% y #A2BD99 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D8DED7	RGB 216 222 215	#D8DED7
33.3%	33.3% #CDD7CB	RGB 205 215 203	#CDD7CB
50.0%	50.0% #C2D1BE	RGB 194 209 190	#C2D1BE
66.7%	66.7% #B7CAB2	RGB 183 202 178	#B7CAB2
83.3%	83.3% #ACC3A5	RGB 172 195 165	#ACC3A5
100.0%	100.0% #A2BD99	RGB 162 189 153	#A2BD99

#E3E5E4 #D8DED7 #CDD7CB #C2D1BE #B7CAB2 #ACC3A5 #A2BD99

#E3E5E4 - #A2BD99

Mezcla HSV

#E3E5E4 - #A2BD99 | 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 #E3E5E4 como 0% y #A2BD99 como 100%.

0.0%	0.0% #E3E5E4	RGB 227 229 228	#E3E5E4
16.7%	16.7% #D5DED8	RGB 213 222 216	#D5DED8
33.3%	33.3% #C8D7CC	RGB 200 215 204	#C8D7CC
50.0%	50.0% #BCD1BE	RGB 188 209 190	#BCD1BE
66.7%	66.7% #B0CAB0	RGB 176 202 176	#B0CAB0
83.3%	83.3% #A8C3A4	RGB 168 195 164	#A8C3A4
100.0%	100.0% #A2BD99	RGB 162 189 153	#A2BD99

#E3E5E4 #D5DED8 #C8D7CC #BCD1BE #B0CAB0 #A8C3A4 #A2BD99

#E3E5E4 - #BCD1BE - #A2BD99

Códigos CSS

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

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