#A191B5 - #FFD1B6 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #A191B5 to #FFD1B6

#A191B5 #FFD1B6

Calculate the color between two colors, #A191B5 and #FFD1B6. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#A191B5 - #FFD1B6 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #A191B5 as 0% and #FFD1B6 as 100%.

0.0%	0.0% #A191B5	RGB 161 145 181	#A191B5
16.7%	16.7% #B09BB5	RGB 176 155 181	#B09BB5
33.3%	33.3% #C0A6B5	RGB 192 166 181	#C0A6B5
50.0%	50.0% #D0B1B5	RGB 208 177 181	#D0B1B5
66.7%	66.7% #DFBBB5	RGB 223 187 181	#DFBBB5
83.3%	83.3% #EFC6B5	RGB 239 198 181	#EFC6B5
100.0%	100.0% #FFD1B6	RGB 255 209 182	#FFD1B6

#A191B5 #B09BB5 #C0A6B5 #D0B1B5 #DFBBB5 #EFC6B5 #FFD1B6

#A191B5 - #FFD1B6

HSV Blend

#A191B5 - #FFD1B6 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #A191B5 as 0% and #FFD1B6 as 100%.

0.0%	0.0% #A191B5	RGB 161 145 181	#A191B5
16.7%	16.7% #B798C1	RGB 183 152 193	#B798C1
33.3%	33.3% #CD9EC9	RGB 205 158 201	#CD9EC9
50.0%	50.0% #DAA5C4	RGB 218 165 196	#DAA5C4
66.7%	66.7% #E6ABBB	RGB 230 171 187	#E6ABBB
83.3%	83.3% #F2B3B0	RGB 242 179 176	#F2B3B0
100.0%	100.0% #FFD1B6	RGB 255 209 182	#FFD1B6

#A191B5 #B798C1 #CD9EC9 #DAA5C4 #E6ABBB #F2B3B0 #FFD1B6

#A191B5 - #DAA5C4 - #FFD1B6

CSS codes

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

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