#A29197 - #EBAEDA | 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 #A29197 a #EBAEDA

#A29197 #EBAEDA

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

#A29197 - #EBAEDA | 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 #A29197 como 0% y #EBAEDA como 100%.

0.0%	0.0% #A29197	RGB 162 145 151	#A29197
16.7%	16.7% #AE95A2	RGB 174 149 162	#AE95A2
33.3%	33.3% #BA9AAD	RGB 186 154 173	#BA9AAD
50.0%	50.0% #C69FB8	RGB 198 159 184	#C69FB8
66.7%	66.7% #D2A4C3	RGB 210 164 195	#D2A4C3
83.3%	83.3% #DEA9CE	RGB 222 169 206	#DEA9CE
100.0%	100.0% #EBAEDA	RGB 235 174 218	#EBAEDA

#A29197 #AE95A2 #BA9AAD #C69FB8 #D2A4C3 #DEA9CE #EBAEDA

#A29197 - #EBAEDA

Mezcla HSV

#A29197 - #EBAEDA | 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 #A29197 como 0% y #EBAEDA como 100%.

0.0%	0.0% #A29197	RGB 162 145 151	#A29197
16.7%	16.7% #AE97A0	RGB 174 151 160	#AE97A0
33.3%	33.3% #BA9DAB	RGB 186 157 171	#BA9DAB
50.0%	50.0% #C6A2B5	RGB 198 162 181	#C6A2B5
66.7%	66.7% #D2A6C1	RGB 210 166 193	#D2A6C1
83.3%	83.3% #DEAACD	RGB 222 170 205	#DEAACD
100.0%	100.0% #EBAEDA	RGB 235 174 218	#EBAEDA

#A29197 #AE97A0 #BA9DAB #C6A2B5 #D2A6C1 #DEAACD #EBAEDA

#A29197 - #C6A2B5 - #EBAEDA

Códigos CSS

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

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