#B6DADE - #658FA6 | 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 #B6DADE to #658FA6

#B6DADE #658FA6

Calculate the color between two colors, #B6DADE and #658FA6. 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)

#B6DADE - #658FA6 | 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 #B6DADE as 0% and #658FA6 as 100%.

0.0%	0.0% #B6DADE	RGB 182 218 222	#B6DADE
16.7%	16.7% #A8CDD4	RGB 168 205 212	#A8CDD4
33.3%	33.3% #9BC1CB	RGB 155 193 203	#9BC1CB
50.0%	50.0% #8DB4C2	RGB 141 180 194	#8DB4C2
66.7%	66.7% #80A8B8	RGB 128 168 184	#80A8B8
83.3%	83.3% #729BAF	RGB 114 155 175	#729BAF
100.0%	100.0% #658FA6	RGB 101 143 166	#658FA6

#B6DADE #A8CDD4 #9BC1CB #8DB4C2 #80A8B8 #729BAF #658FA6

#B6DADE - #658FA6

HSV Blend

#B6DADE - #658FA6 | 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 #B6DADE as 0% and #658FA6 as 100%.

0.0%	0.0% #B6DADE	RGB 182 218 222	#B6DADE
16.7%	16.7% #A6CED4	RGB 166 206 212	#A6CED4
33.3%	33.3% #98C1CB	RGB 152 193 203	#98C1CB
50.0%	50.0% #8AB5C2	RGB 138 181 194	#8AB5C2
66.7%	66.7% #7DA8B8	RGB 125 168 184	#7DA8B8
83.3%	83.3% #709BAF	RGB 112 155 175	#709BAF
100.0%	100.0% #658FA6	RGB 101 143 166	#658FA6

#B6DADE #A6CED4 #98C1CB #8AB5C2 #7DA8B8 #709BAF #658FA6

#B6DADE - #8AB5C2 - #658FA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6DADE 0%, #8AB5C2 50%, #658FA6 100%);
    background: -webkit-linear-gradient(top, #B6DADE 0%, #8AB5C2 50%, #658FA6 100%);
    background: linear-gradient(to bottom, #B6DADE 0%, #8AB5C2 50%, #658FA6 100%);
}
</style>