#A26D9C - #E4D5E2 | 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 #A26D9C a #E4D5E2

#A26D9C #E4D5E2

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

#A26D9C - #E4D5E2 | 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 #A26D9C como 0% y #E4D5E2 como 100%.

0.0%	0.0% #A26D9C	RGB 162 109 156	#A26D9C
16.7%	16.7% #AD7EA7	RGB 173 126 167	#AD7EA7
33.3%	33.3% #B88FB3	RGB 184 143 179	#B88FB3
50.0%	50.0% #C3A1BF	RGB 195 161 191	#C3A1BF
66.7%	66.7% #CEB2CA	RGB 206 178 202	#CEB2CA
83.3%	83.3% #D9C3D6	RGB 217 195 214	#D9C3D6
100.0%	100.0% #E4D5E2	RGB 228 213 226	#E4D5E2

#A26D9C #AD7EA7 #B88FB3 #C3A1BF #CEB2CA #D9C3D6 #E4D5E2

#A26D9C - #E4D5E2

Mezcla HSV

#A26D9C - #E4D5E2 | 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 #A26D9C como 0% y #E4D5E2 como 100%.

0.0%	0.0% #A26D9B	RGB 162 109 155	#A26D9B
16.7%	16.7% #AD7BA7	RGB 173 123 167	#AD7BA7
33.3%	33.3% #B88BB2	RGB 184 139 178	#B88BB2
50.0%	50.0% #C39CBE	RGB 195 156 190	#C39CBE
66.7%	66.7% #CEAECA	RGB 206 174 202	#CEAECA
83.3%	83.3% #D9C1D5	RGB 217 193 213	#D9C1D5
100.0%	100.0% #E4D5E2	RGB 228 213 226	#E4D5E2

#A26D9B #AD7BA7 #B88BB2 #C39CBE #CEAECA #D9C1D5 #E4D5E2

#A26D9C - #C39CBE - #E4D5E2

Códigos CSS

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

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