#B9C7D9 - #60799D | 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 #B9C7D9 to #60799D

#B9C7D9 #60799D

Calculate the color between two colors, #B9C7D9 and #60799D. 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)

#B9C7D9 - #60799D | 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 #B9C7D9 as 0% and #60799D as 100%.

0.0%	0.0% #B9C7D9	RGB 185 199 217	#B9C7D9
16.7%	16.7% #AABACF	RGB 170 186 207	#AABACF
33.3%	33.3% #9BADC5	RGB 155 173 197	#9BADC5
50.0%	50.0% #8CA0BB	RGB 140 160 187	#8CA0BB
66.7%	66.7% #7D93B1	RGB 125 147 177	#7D93B1
83.3%	83.3% #6E86A7	RGB 110 134 167	#6E86A7
100.0%	100.0% #60799D	RGB 96 121 157	#60799D

#B9C7D9 #AABACF #9BADC5 #8CA0BB #7D93B1 #6E86A7 #60799D

#B9C7D9 - #60799D

HSV Blend

#B9C7D9 - #60799D | 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 #B9C7D9 as 0% and #60799D as 100%.

0.0%	0.0% #B9C7D9	RGB 185 199 217	#B9C7D9
16.7%	16.7% #A8B8CF	RGB 168 184 207	#A8B8CF
33.3%	33.3% #98ABC5	RGB 152 171 197	#98ABC5
50.0%	50.0% #889EBB	RGB 136 158 187	#889EBB
66.7%	66.7% #7A91B1	RGB 122 145 177	#7A91B1
83.3%	83.3% #6C84A7	RGB 108 132 167	#6C84A7
100.0%	100.0% #60799D	RGB 96 121 157	#60799D

#B9C7D9 #A8B8CF #98ABC5 #889EBB #7A91B1 #6C84A7 #60799D

#B9C7D9 - #889EBB - #60799D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C7D9 0%, #889EBB 50%, #60799D 100%);
    background: -webkit-linear-gradient(top, #B9C7D9 0%, #889EBB 50%, #60799D 100%);
    background: linear-gradient(to bottom, #B9C7D9 0%, #889EBB 50%, #60799D 100%);
}
</style>