#B6C5E6 - #5875AF | 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 #B6C5E6 to #5875AF

#B6C5E6 #5875AF

Calculate the color between two colors, #B6C5E6 and #5875AF. 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)

#B6C5E6 - #5875AF | 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 #B6C5E6 as 0% and #5875AF as 100%.

0.0%	0.0% #B6C5E6	RGB 182 197 230	#B6C5E6
16.7%	16.7% #A6B7DC	RGB 166 183 220	#A6B7DC
33.3%	33.3% #96AAD3	RGB 150 170 211	#96AAD3
50.0%	50.0% #879DCA	RGB 135 157 202	#879DCA
66.7%	66.7% #778FC1	RGB 119 143 193	#778FC1
83.3%	83.3% #6782B8	RGB 103 130 184	#6782B8
100.0%	100.0% #5875AF	RGB 88 117 175	#5875AF

#B6C5E6 #A6B7DC #96AAD3 #879DCA #778FC1 #6782B8 #5875AF

#B6C5E6 - #5875AF

HSV Blend

#B6C5E6 - #5875AF | 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 #B6C5E6 as 0% and #5875AF as 100%.

0.0%	0.0% #B6C5E6	RGB 182 197 230	#B6C5E6
16.7%	16.7% #A4B6DC	RGB 164 182 220	#A4B6DC
33.3%	33.3% #93A7D3	RGB 147 167 211	#93A7D3
50.0%	50.0% #839ACA	RGB 131 154 202	#839ACA
66.7%	66.7% #738DC1	RGB 115 141 193	#738DC1
83.3%	83.3% #6580B8	RGB 101 128 184	#6580B8
100.0%	100.0% #5875AF	RGB 88 117 175	#5875AF

#B6C5E6 #A4B6DC #93A7D3 #839ACA #738DC1 #6580B8 #5875AF

#B6C5E6 - #839ACA - #5875AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6C5E6 0%, #839ACA 50%, #5875AF 100%);
    background: -webkit-linear-gradient(top, #B6C5E6 0%, #839ACA 50%, #5875AF 100%);
    background: linear-gradient(to bottom, #B6C5E6 0%, #839ACA 50%, #5875AF 100%);
}
</style>