#AD6D6D - #E7D5D5 | 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 #AD6D6D a #E7D5D5

#AD6D6D #E7D5D5

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

#AD6D6D - #E7D5D5 | 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 #AD6D6D como 0% y #E7D5D5 como 100%.

0.0%	0.0% #AD6D6D	RGB 173 109 109	#AD6D6D
16.7%	16.7% #B67E7E	RGB 182 126 126	#B67E7E
33.3%	33.3% #C08F8F	RGB 192 143 143	#C08F8F
50.0%	50.0% #CAA1A1	RGB 202 161 161	#CAA1A1
66.7%	66.7% #D3B2B2	RGB 211 178 178	#D3B2B2
83.3%	83.3% #DDC3C3	RGB 221 195 195	#DDC3C3
100.0%	100.0% #E7D5D5	RGB 231 213 213	#E7D5D5

#AD6D6D #B67E7E #C08F8F #CAA1A1 #D3B2B2 #DDC3C3 #E7D5D5

#AD6D6D - #E7D5D5

Mezcla HSV

#AD6D6D - #E7D5D5 | 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 #AD6D6D como 0% y #E7D5D5 como 100%.

0.0%	0.0% #AD6D6D	RGB 173 109 109	#AD6D6D
16.7%	16.7% #B67B7B	RGB 182 123 123	#B67B7B
33.3%	33.3% #C08B8B	RGB 192 139 139	#C08B8B
50.0%	50.0% #CA9C9C	RGB 202 156 156	#CA9C9C
66.7%	66.7% #D3AEAE	RGB 211 174 174	#D3AEAE
83.3%	83.3% #DDC1C1	RGB 221 193 193	#DDC1C1
100.0%	100.0% #E7D5D5	RGB 231 213 213	#E7D5D5

#AD6D6D #B67B7B #C08B8B #CA9C9C #D3AEAE #DDC1C1 #E7D5D5

#AD6D6D - #CA9C9C - #E7D5D5

Códigos CSS

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

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