#B6D4D9 - #65879F | 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 #B6D4D9 to #65879F

#B6D4D9 #65879F

Calculate the color between two colors, #B6D4D9 and #65879F. 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)

#B6D4D9 - #65879F | 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 #B6D4D9 as 0% and #65879F as 100%.

0.0%	0.0% #B6D4D9	RGB 182 212 217	#B6D4D9
16.7%	16.7% #A8C7CF	RGB 168 199 207	#A8C7CF
33.3%	33.3% #9BBAC5	RGB 155 186 197	#9BBAC5
50.0%	50.0% #8DADBC	RGB 141 173 188	#8DADBC
66.7%	66.7% #80A0B2	RGB 128 160 178	#80A0B2
83.3%	83.3% #7293A8	RGB 114 147 168	#7293A8
100.0%	100.0% #65879F	RGB 101 135 159	#65879F

#B6D4D9 #A8C7CF #9BBAC5 #8DADBC #80A0B2 #7293A8 #65879F

#B6D4D9 - #65879F

HSV Blend

#B6D4D9 - #65879F | 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 #B6D4D9 as 0% and #65879F as 100%.

0.0%	0.0% #B6D4D9	RGB 182 212 217	#B6D4D9
16.7%	16.7% #A6C7CF	RGB 166 199 207	#A6C7CF
33.3%	33.3% #98BBC5	RGB 152 187 197	#98BBC5
50.0%	50.0% #8AAEBC	RGB 138 174 188	#8AAEBC
66.7%	66.7% #7DA1B2	RGB 125 161 178	#7DA1B2
83.3%	83.3% #7094A8	RGB 112 148 168	#7094A8
100.0%	100.0% #65879F	RGB 101 135 159	#65879F

#B6D4D9 #A6C7CF #98BBC5 #8AAEBC #7DA1B2 #7094A8 #65879F

#B6D4D9 - #8AAEBC - #65879F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6D4D9 0%, #8AAEBC 50%, #65879F 100%);
    background: -webkit-linear-gradient(top, #B6D4D9 0%, #8AAEBC 50%, #65879F 100%);
    background: linear-gradient(to bottom, #B6D4D9 0%, #8AAEBC 50%, #65879F 100%);
}
</style>