#911A8C - #DFBDDE | 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 #911A8C to #DFBDDE

#911A8C #DFBDDE

Calculate the color between two colors, #911A8C and #DFBDDE. 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)

#911A8C - #DFBDDE | 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 #911A8C as 0% and #DFBDDE as 100%.

0.0%	0.0% #911A8C	RGB 145 26 140	#911A8C
16.7%	16.7% #9E3599	RGB 158 53 153	#9E3599
33.3%	33.3% #AB50A7	RGB 171 80 167	#AB50A7
50.0%	50.0% #B86BB5	RGB 184 107 181	#B86BB5
66.7%	66.7% #C586C2	RGB 197 134 194	#C586C2
83.3%	83.3% #D2A1D0	RGB 210 161 208	#D2A1D0
100.0%	100.0% #DFBDDE	RGB 223 189 222	#DFBDDE

#911A8C #9E3599 #AB50A7 #B86BB5 #C586C2 #D2A1D0 #DFBDDE

#911A8C - #DFBDDE

HSV Blend

#911A8C - #DFBDDE | 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 #911A8C as 0% and #DFBDDE as 100%.

0.0%	0.0% #911A8C	RGB 145 26 140	#911A8C
16.7%	16.7% #9E2D99	RGB 158 45 153	#9E2D99
33.3%	33.3% #AB44A7	RGB 171 68 167	#AB44A7
50.0%	50.0% #B85EB4	RGB 184 94 180	#B85EB4
66.7%	66.7% #C57BC2	RGB 197 123 194	#C57BC2
83.3%	83.3% #D29AD0	RGB 210 154 208	#D29AD0
100.0%	100.0% #DFBDDE	RGB 223 189 222	#DFBDDE

#911A8C #9E2D99 #AB44A7 #B85EB4 #C57BC2 #D29AD0 #DFBDDE

#911A8C - #B85EB4 - #DFBDDE

CSS codes

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

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