#A79ADB - #FFD5E4 | 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 #A79ADB a #FFD5E4

#A79ADB #FFD5E4

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

#A79ADB - #FFD5E4 | 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 #A79ADB como 0% y #FFD5E4 como 100%.

0.0%	0.0% #A79ADB	RGB 167 154 219	#A79ADB
16.7%	16.7% #B5A3DC	RGB 181 163 220	#B5A3DC
33.3%	33.3% #C4ADDE	RGB 196 173 222	#C4ADDE
50.0%	50.0% #D3B7DF	RGB 211 183 223	#D3B7DF
66.7%	66.7% #E1C1E1	RGB 225 193 225	#E1C1E1
83.3%	83.3% #F0CBE2	RGB 240 203 226	#F0CBE2
100.0%	100.0% #FFD5E4	RGB 255 213 228	#FFD5E4

#A79ADB #B5A3DC #C4ADDE #D3B7DF #E1C1E1 #F0CBE2 #FFD5E4

#A79ADB - #FFD5E4

Mezcla HSV

#A79ADB - #FFD5E4 | 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 #A79ADB como 0% y #FFD5E4 como 100%.

0.0%	0.0% #A79ADB	RGB 167 154 219	#A79ADB
16.7%	16.7% #BEA3E1	RGB 190 163 225	#BEA3E1
33.3%	33.3% #D4ACE7	RGB 212 172 231	#D4ACE7
50.0%	50.0% #E8B6ED	RGB 232 182 237	#E8B6ED
66.7%	66.7% #F3C0EA	RGB 243 192 234	#F3C0EA
83.3%	83.3% #F9CAE6	RGB 249 202 230	#F9CAE6
100.0%	100.0% #FFD5E4	RGB 255 213 228	#FFD5E4

#A79ADB #BEA3E1 #D4ACE7 #E8B6ED #F3C0EA #F9CAE6 #FFD5E4

#A79ADB - #E8B6ED - #FFD5E4

Códigos CSS

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

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