#BFDAFF - #5C75DF | 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 #BFDAFF to #5C75DF

#BFDAFF #5C75DF

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

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

0.0%	0.0% #BFDAFF	RGB 191 218 255	#BFDAFF
16.7%	16.7% #AEC9F9	RGB 174 201 249	#AEC9F9
33.3%	33.3% #9EB8F4	RGB 158 184 244	#9EB8F4
50.0%	50.0% #8DA7EF	RGB 141 167 239	#8DA7EF
66.7%	66.7% #7D96E9	RGB 125 150 233	#7D96E9
83.3%	83.3% #6C85E4	RGB 108 133 228	#6C85E4
100.0%	100.0% #5C75DF	RGB 92 117 223	#5C75DF

#BFDAFF #AEC9F9 #9EB8F4 #8DA7EF #7D96E9 #6C85E4 #5C75DF

#BFDAFF - #5C75DF

HSV Blend

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

0.0%	0.0% #BFDAFF	RGB 191 218 255	#BFDAFF
16.7%	16.7% #ADCAF9	RGB 173 202 249	#ADCAF9
33.3%	33.3% #9BBAF4	RGB 155 186 244	#9BBAF4
50.0%	50.0% #8AA9EF	RGB 138 169 239	#8AA9EF
66.7%	66.7% #7A98E9	RGB 122 152 233	#7A98E9
83.3%	83.3% #6B86E4	RGB 107 134 228	#6B86E4
100.0%	100.0% #5C75DF	RGB 92 117 223	#5C75DF

#BFDAFF #ADCAF9 #9BBAF4 #8AA9EF #7A98E9 #6B86E4 #5C75DF

#BFDAFF - #8AA9EF - #5C75DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFDAFF 0%, #8AA9EF 50%, #5C75DF 100%);
    background: -webkit-linear-gradient(top, #BFDAFF 0%, #8AA9EF 50%, #5C75DF 100%);
    background: linear-gradient(to bottom, #BFDAFF 0%, #8AA9EF 50%, #5C75DF 100%);
}
</style>