#B2B2DF - #625DCB | 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 #B2B2DF to #625DCB

#B2B2DF #625DCB

Calculate the color between two colors, #B2B2DF and #625DCB. 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)

#B2B2DF - #625DCB | 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 #B2B2DF as 0% and #625DCB as 100%.

0.0%	0.0% #B2B2DF	RGB 178 178 223	#B2B2DF
16.7%	16.7% #A4A3DB	RGB 164 163 219	#A4A3DB
33.3%	33.3% #9795D8	RGB 151 149 216	#9795D8
50.0%	50.0% #8A87D5	RGB 138 135 213	#8A87D5
66.7%	66.7% #7C79D1	RGB 124 121 209	#7C79D1
83.3%	83.3% #6F6BCE	RGB 111 107 206	#6F6BCE
100.0%	100.0% #625DCB	RGB 98 93 203	#625DCB

#B2B2DF #A4A3DB #9795D8 #8A87D5 #7C79D1 #6F6BCE #625DCB

#B2B2DF - #625DCB

HSV Blend

#B2B2DF - #625DCB | 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 #B2B2DF as 0% and #625DCB as 100%.

0.0%	0.0% #B2B2DF	RGB 178 178 223	#B2B2DF
16.7%	16.7% #A3A2DB	RGB 163 162 219	#A3A2DB
33.3%	33.3% #9594D8	RGB 149 148 216	#9594D8
50.0%	50.0% #8785D5	RGB 135 133 213	#8785D5
66.7%	66.7% #7A77D1	RGB 122 119 209	#7A77D1
83.3%	83.3% #6E6ACE	RGB 110 106 206	#6E6ACE
100.0%	100.0% #625DCB	RGB 98 93 203	#625DCB

#B2B2DF #A3A2DB #9594D8 #8785D5 #7A77D1 #6E6ACE #625DCB

#B2B2DF - #8785D5 - #625DCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B2DF 0%, #8785D5 50%, #625DCB 100%);
    background: -webkit-linear-gradient(top, #B2B2DF 0%, #8785D5 50%, #625DCB 100%);
    background: linear-gradient(to bottom, #B2B2DF 0%, #8785D5 50%, #625DCB 100%);
}
</style>