#ADA79C - #E7E5E2 | 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 #ADA79C a #E7E5E2

#ADA79C #E7E5E2

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

#ADA79C - #E7E5E2 | 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 #ADA79C como 0% y #E7E5E2 como 100%.

0.0%	0.0% #ADA79C	RGB 173 167 156	#ADA79C
16.7%	16.7% #B6B1A7	RGB 182 177 167	#B6B1A7
33.3%	33.3% #C0BBB3	RGB 192 187 179	#C0BBB3
50.0%	50.0% #CAC6BF	RGB 202 198 191	#CAC6BF
66.7%	66.7% #D3D0CA	RGB 211 208 202	#D3D0CA
83.3%	83.3% #DDDAD6	RGB 221 218 214	#DDDAD6
100.0%	100.0% #E7E5E2	RGB 231 229 226	#E7E5E2

#ADA79C #B6B1A7 #C0BBB3 #CAC6BF #D3D0CA #DDDAD6 #E7E5E2

#ADA79C - #E7E5E2

Mezcla HSV

#ADA79C - #E7E5E2 | 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 #ADA79C como 0% y #E7E5E2 como 100%.

0.0%	0.0% #ADA79C	RGB 173 167 156	#ADA79C
16.7%	16.7% #B6B1A7	RGB 182 177 167	#B6B1A7
33.3%	33.3% #C0BBB2	RGB 192 187 178	#C0BBB2
50.0%	50.0% #CAC5BD	RGB 202 197 189	#CAC5BD
66.7%	66.7% #D3CFC9	RGB 211 207 201	#D3CFC9
83.3%	83.3% #DDDAD5	RGB 221 218 213	#DDDAD5
100.0%	100.0% #E7E5E2	RGB 231 229 226	#E7E5E2

#ADA79C #B6B1A7 #C0BBB2 #CAC5BD #D3CFC9 #DDDAD5 #E7E5E2

#ADA79C - #CAC5BD - #E7E5E2

Códigos CSS

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

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