#914C92 - #DFCBDF | 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 #914C92 to #DFCBDF

#914C92 #DFCBDF

Calculate the color between two colors, #914C92 and #DFCBDF. 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)

#914C92 - #DFCBDF | 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 #914C92 as 0% and #DFCBDF as 100%.

0.0%	0.0% #914C92	RGB 145 76 146	#914C92
16.7%	16.7% #9E619E	RGB 158 97 158	#9E619E
33.3%	33.3% #AB76AB	RGB 171 118 171	#AB76AB
50.0%	50.0% #B88BB8	RGB 184 139 184	#B88BB8
66.7%	66.7% #C5A0C5	RGB 197 160 197	#C5A0C5
83.3%	83.3% #D2B5D2	RGB 210 181 210	#D2B5D2
100.0%	100.0% #DFCBDF	RGB 223 203 223	#DFCBDF

#914C92 #9E619E #AB76AB #B88BB8 #C5A0C5 #D2B5D2 #DFCBDF

#914C92 - #DFCBDF

HSV Blend

#914C92 - #DFCBDF | 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 #914C92 as 0% and #DFCBDF as 100%.

0.0%	0.0% #914C92	RGB 145 76 146	#914C92
16.7%	16.7% #9E5C9E	RGB 158 92 158	#9E5C9E
33.3%	33.3% #AB6FAB	RGB 171 111 171	#AB6FAB
50.0%	50.0% #B883B8	RGB 184 131 184	#B883B8
66.7%	66.7% #C599C5	RGB 197 153 197	#C599C5
83.3%	83.3% #D2B1D2	RGB 210 177 210	#D2B1D2
100.0%	100.0% #DFCBDF	RGB 223 203 223	#DFCBDF

#914C92 #9E5C9E #AB6FAB #B883B8 #C599C5 #D2B1D2 #DFCBDF

#914C92 - #B883B8 - #DFCBDF

CSS codes

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

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