#B8BAEB - #5368B5 | 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 #B8BAEB to #5368B5

#B8BAEB #5368B5

Calculate the color between two colors, #B8BAEB and #5368B5. 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)

#B8BAEB - #5368B5 | 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 #B8BAEB as 0% and #5368B5 as 100%.

0.0%	0.0% #B8BAEB	RGB 184 186 235	#B8BAEB
16.7%	16.7% #A7ACE2	RGB 167 172 226	#A7ACE2
33.3%	33.3% #969ED9	RGB 150 158 217	#969ED9
50.0%	50.0% #8591D0	RGB 133 145 208	#8591D0
66.7%	66.7% #7483C7	RGB 116 131 199	#7483C7
83.3%	83.3% #6375BE	RGB 99 117 190	#6375BE
100.0%	100.0% #5368B5	RGB 83 104 181	#5368B5

#B8BAEB #A7ACE2 #969ED9 #8591D0 #7483C7 #6375BE #5368B5

#B8BAEB - #5368B5

HSV Blend

#B8BAEB - #5368B5 | 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 #B8BAEB as 0% and #5368B5 as 100%.

0.0%	0.0% #B8BAEB	RGB 184 186 235	#B8BAEB
16.7%	16.7% #A4A8E2	RGB 164 168 226	#A4A8E2
33.3%	33.3% #9299D9	RGB 146 153 217	#9299D9
50.0%	50.0% #818BD0	RGB 129 139 208	#818BD0
66.7%	66.7% #707EC7	RGB 112 126 199	#707EC7
83.3%	83.3% #6172BE	RGB 97 114 190	#6172BE
100.0%	100.0% #5368B5	RGB 83 104 181	#5368B5

#B8BAEB #A4A8E2 #9299D9 #818BD0 #707EC7 #6172BE #5368B5

#B8BAEB - #818BD0 - #5368B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8BAEB 0%, #818BD0 50%, #5368B5 100%);
    background: -webkit-linear-gradient(top, #B8BAEB 0%, #818BD0 50%, #5368B5 100%);
    background: linear-gradient(to bottom, #B8BAEB 0%, #818BD0 50%, #5368B5 100%);
}
</style>