#B8CFCB - #509997 | 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 #B8CFCB to #509997

#B8CFCB #509997

Calculate the color between two colors, #B8CFCB and #509997. 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)

#B8CFCB - #509997 | 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 #B8CFCB as 0% and #509997 as 100%.

0.0%	0.0% #B8CFCB	RGB 184 207 203	#B8CFCB
16.7%	16.7% #A6C6C2	RGB 166 198 194	#A6C6C2
33.3%	33.3% #95BDB9	RGB 149 189 185	#95BDB9
50.0%	50.0% #84B4B1	RGB 132 180 177	#84B4B1
66.7%	66.7% #72ABA8	RGB 114 171 168	#72ABA8
83.3%	83.3% #61A29F	RGB 97 162 159	#61A29F
100.0%	100.0% #509997	RGB 80 153 151	#509997

#B8CFCB #A6C6C2 #95BDB9 #84B4B1 #72ABA8 #61A29F #509997

#B8CFCB - #509997

HSV Blend

#B8CFCB - #509997 | 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 #B8CFCB as 0% and #509997 as 100%.

0.0%	0.0% #B8CFCB	RGB 184 207 203	#B8CFCB
16.7%	16.7% #A3C6C0	RGB 163 198 192	#A3C6C0
33.3%	33.3% #90BDB7	RGB 144 189 183	#90BDB7
50.0%	50.0% #7FB4AE	RGB 127 180 174	#7FB4AE
66.7%	66.7% #6EABA6	RGB 110 171 166	#6EABA6
83.3%	83.3% #5EA29E	RGB 94 162 158	#5EA29E
100.0%	100.0% #509997	RGB 80 153 151	#509997

#B8CFCB #A3C6C0 #90BDB7 #7FB4AE #6EABA6 #5EA29E #509997

#B8CFCB - #7FB4AE - #509997

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8CFCB 0%, #7FB4AE 50%, #509997 100%);
    background: -webkit-linear-gradient(top, #B8CFCB 0%, #7FB4AE 50%, #509997 100%);
    background: linear-gradient(to bottom, #B8CFCB 0%, #7FB4AE 50%, #509997 100%);
}
</style>