#AD5E5E - #E7D1D1 | 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 #AD5E5E a #E7D1D1

#AD5E5E #E7D1D1

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

#AD5E5E - #E7D1D1 | 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 #AD5E5E como 0% y #E7D1D1 como 100%.

0.0%	0.0% #AD5E5E	RGB 173 94 94	#AD5E5E
16.7%	16.7% #B67171	RGB 182 113 113	#B67171
33.3%	33.3% #C08484	RGB 192 132 132	#C08484
50.0%	50.0% #CA9797	RGB 202 151 151	#CA9797
66.7%	66.7% #D3AAAA	RGB 211 170 170	#D3AAAA
83.3%	83.3% #DDBDBD	RGB 221 189 189	#DDBDBD
100.0%	100.0% #E7D1D1	RGB 231 209 209	#E7D1D1

#AD5E5E #B67171 #C08484 #CA9797 #D3AAAA #DDBDBD #E7D1D1

#AD5E5E - #E7D1D1

Mezcla HSV

#AD5E5E - #E7D1D1 | 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 #AD5E5E como 0% y #E7D1D1 como 100%.

0.0%	0.0% #AD5E5E	RGB 173 94 94	#AD5E5E
16.7%	16.7% #B66E6E	RGB 182 110 110	#B66E6E
33.3%	33.3% #C07F7F	RGB 192 127 127	#C07F7F
50.0%	50.0% #CA9292	RGB 202 146 146	#CA9292
66.7%	66.7% #D3A6A6	RGB 211 166 166	#D3A6A6
83.3%	83.3% #DDBABA	RGB 221 186 186	#DDBABA
100.0%	100.0% #E7D1D1	RGB 231 209 209	#E7D1D1

#AD5E5E #B66E6E #C07F7F #CA9292 #D3A6A6 #DDBABA #E7D1D1

#AD5E5E - #CA9292 - #E7D1D1

Códigos CSS

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

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