#BDBDE4 - #596EAB | 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 #BDBDE4 to #596EAB

#BDBDE4 #596EAB

Calculate the color between two colors, #BDBDE4 and #596EAB. 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)

#BDBDE4 - #596EAB | 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 #BDBDE4 as 0% and #596EAB as 100%.

0.0%	0.0% #BDBDE4	RGB 189 189 228	#BDBDE4
16.7%	16.7% #ACAFDA	RGB 172 175 218	#ACAFDA
33.3%	33.3% #9BA2D1	RGB 155 162 209	#9BA2D1
50.0%	50.0% #8B95C7	RGB 139 149 199	#8B95C7
66.7%	66.7% #7A88BE	RGB 122 136 190	#7A88BE
83.3%	83.3% #697BB4	RGB 105 123 180	#697BB4
100.0%	100.0% #596EAB	RGB 89 110 171	#596EAB

#BDBDE4 #ACAFDA #9BA2D1 #8B95C7 #7A88BE #697BB4 #596EAB

#BDBDE4 - #596EAB

HSV Blend

#BDBDE4 - #596EAB | 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 #BDBDE4 as 0% and #596EAB as 100%.

0.0%	0.0% #BDBDE4	RGB 189 189 228	#BDBDE4
16.7%	16.7% #A9ABDA	RGB 169 171 218	#A9ABDA
33.3%	33.3% #979CD1	RGB 151 156 209	#979CD1
50.0%	50.0% #868EC7	RGB 134 142 199	#868EC7
66.7%	66.7% #7682BE	RGB 118 130 190	#7682BE
83.3%	83.3% #6777B4	RGB 103 119 180	#6777B4
100.0%	100.0% #596EAB	RGB 89 110 171	#596EAB

#BDBDE4 #A9ABDA #979CD1 #868EC7 #7682BE #6777B4 #596EAB

#BDBDE4 - #868EC7 - #596EAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDBDE4 0%, #868EC7 50%, #596EAB 100%);
    background: -webkit-linear-gradient(top, #BDBDE4 0%, #868EC7 50%, #596EAB 100%);
    background: linear-gradient(to bottom, #BDBDE4 0%, #868EC7 50%, #596EAB 100%);
}
</style>