#B9D5E4 - #6289AE | 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 #B9D5E4 to #6289AE

#B9D5E4 #6289AE

Calculate the color between two colors, #B9D5E4 and #6289AE. 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)

#B9D5E4 - #6289AE | 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 #B9D5E4 as 0% and #6289AE as 100%.

0.0%	0.0% #B9D5E4	RGB 185 213 228	#B9D5E4
16.7%	16.7% #AAC8DB	RGB 170 200 219	#AAC8DB
33.3%	33.3% #9CBBD2	RGB 156 187 210	#9CBBD2
50.0%	50.0% #8DAFC9	RGB 141 175 201	#8DAFC9
66.7%	66.7% #7FA2C0	RGB 127 162 192	#7FA2C0
83.3%	83.3% #7095B7	RGB 112 149 183	#7095B7
100.0%	100.0% #6289AE	RGB 98 137 174	#6289AE

#B9D5E4 #AAC8DB #9CBBD2 #8DAFC9 #7FA2C0 #7095B7 #6289AE

#B9D5E4 - #6289AE

HSV Blend

#B9D5E4 - #6289AE | 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 #B9D5E4 as 0% and #6289AE as 100%.

0.0%	0.0% #B9D5E4	RGB 185 213 228	#B9D5E4
16.7%	16.7% #A8C8DB	RGB 168 200 219	#A8C8DB
33.3%	33.3% #99BBD2	RGB 153 187 210	#99BBD2
50.0%	50.0% #8AAEC9	RGB 138 174 201	#8AAEC9
66.7%	66.7% #7CA2C0	RGB 124 162 192	#7CA2C0
83.3%	83.3% #6E95B7	RGB 110 149 183	#6E95B7
100.0%	100.0% #6289AE	RGB 98 137 174	#6289AE

#B9D5E4 #A8C8DB #99BBD2 #8AAEC9 #7CA2C0 #6E95B7 #6289AE

#B9D5E4 - #8AAEC9 - #6289AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9D5E4 0%, #8AAEC9 50%, #6289AE 100%);
    background: -webkit-linear-gradient(top, #B9D5E4 0%, #8AAEC9 50%, #6289AE 100%);
    background: linear-gradient(to bottom, #B9D5E4 0%, #8AAEC9 50%, #6289AE 100%);
}
</style>