#BFC3E5 - #5D74AD | 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 #BFC3E5 to #5D74AD

#BFC3E5 #5D74AD

Calculate the color between two colors, #BFC3E5 and #5D74AD. 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)

#BFC3E5 - #5D74AD | 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 #BFC3E5 as 0% and #5D74AD as 100%.

0.0%	0.0% #BFC3E5	RGB 191 195 229	#BFC3E5
16.7%	16.7% #AEB5DB	RGB 174 181 219	#AEB5DB
33.3%	33.3% #9EA8D2	RGB 158 168 210	#9EA8D2
50.0%	50.0% #8E9BC9	RGB 142 155 201	#8E9BC9
66.7%	66.7% #7D8EBF	RGB 125 142 191	#7D8EBF
83.3%	83.3% #6D81B6	RGB 109 129 182	#6D81B6
100.0%	100.0% #5D74AD	RGB 93 116 173	#5D74AD

#BFC3E5 #AEB5DB #9EA8D2 #8E9BC9 #7D8EBF #6D81B6 #5D74AD

#BFC3E5 - #5D74AD

HSV Blend

#BFC3E5 - #5D74AD | 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 #BFC3E5 as 0% and #5D74AD as 100%.

0.0%	0.0% #BFC3E5	RGB 191 195 229	#BFC3E5
16.7%	16.7% #ACB2DB	RGB 172 178 219	#ACB2DB
33.3%	33.3% #9AA3D2	RGB 154 163 210	#9AA3D2
50.0%	50.0% #8996C9	RGB 137 150 201	#8996C9
66.7%	66.7% #7989BF	RGB 121 137 191	#7989BF
83.3%	83.3% #6B7EB6	RGB 107 126 182	#6B7EB6
100.0%	100.0% #5D74AD	RGB 93 116 173	#5D74AD

#BFC3E5 #ACB2DB #9AA3D2 #8996C9 #7989BF #6B7EB6 #5D74AD

#BFC3E5 - #8996C9 - #5D74AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC3E5 0%, #8996C9 50%, #5D74AD 100%);
    background: -webkit-linear-gradient(top, #BFC3E5 0%, #8996C9 50%, #5D74AD 100%);
    background: linear-gradient(to bottom, #BFC3E5 0%, #8996C9 50%, #5D74AD 100%);
}
</style>