#BFD3C8 - #609993 | 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 #BFD3C8 to #609993

#BFD3C8 #609993

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

#BFD3C8 - #609993 | 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 #BFD3C8 as 0% and #609993 as 100%.

0.0%	0.0% #BFD3C8	RGB 191 211 200	#BFD3C8
16.7%	16.7% #AFC9BF	RGB 175 201 191	#AFC9BF
33.3%	33.3% #9FBFB6	RGB 159 191 182	#9FBFB6
50.0%	50.0% #8FB6AD	RGB 143 182 173	#8FB6AD
66.7%	66.7% #7FACA4	RGB 127 172 164	#7FACA4
83.3%	83.3% #6FA29B	RGB 111 162 155	#6FA29B
100.0%	100.0% #609993	RGB 96 153 147	#609993

#BFD3C8 #AFC9BF #9FBFB6 #8FB6AD #7FACA4 #6FA29B #609993

#BFD3C8 - #609993

HSV Blend

#BFD3C8 - #609993 | 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 #BFD3C8 as 0% and #609993 as 100%.

0.0%	0.0% #BFD3C8	RGB 191 211 200	#BFD3C8
16.7%	16.7% #ACC9BB	RGB 172 201 187	#ACC9BB
33.3%	33.3% #9BBFB1	RGB 155 191 177	#9BBFB1
50.0%	50.0% #8BB6A8	RGB 139 182 168	#8BB6A8
66.7%	66.7% #7CACA0	RGB 124 172 160	#7CACA0
83.3%	83.3% #6DA299	RGB 109 162 153	#6DA299
100.0%	100.0% #609993	RGB 96 153 147	#609993

#BFD3C8 #ACC9BB #9BBFB1 #8BB6A8 #7CACA0 #6DA299 #609993

#BFD3C8 - #8BB6A8 - #609993

CSS codes

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

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