#BFD7DF - #6C8BA7 | 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 #BFD7DF to #6C8BA7

#BFD7DF #6C8BA7

Calculate the color between two colors, #BFD7DF and #6C8BA7. 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)

#BFD7DF - #6C8BA7 | 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 #BFD7DF as 0% and #6C8BA7 as 100%.

0.0%	0.0% #BFD7DF	RGB 191 215 223	#BFD7DF
16.7%	16.7% #B1CAD5	RGB 177 202 213	#B1CAD5
33.3%	33.3% #A3BDCC	RGB 163 189 204	#A3BDCC
50.0%	50.0% #95B1C3	RGB 149 177 195	#95B1C3
66.7%	66.7% #87A4B9	RGB 135 164 185	#87A4B9
83.3%	83.3% #7997B0	RGB 121 151 176	#7997B0
100.0%	100.0% #6C8BA7	RGB 108 139 167	#6C8BA7

#BFD7DF #B1CAD5 #A3BDCC #95B1C3 #87A4B9 #7997B0 #6C8BA7

#BFD7DF - #6C8BA7

HSV Blend

#BFD7DF - #6C8BA7 | 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 #BFD7DF as 0% and #6C8BA7 as 100%.

0.0%	0.0% #BFD7DF	RGB 191 215 223	#BFD7DF
16.7%	16.7% #AFCAD5	RGB 175 202 213	#AFCAD5
33.3%	33.3% #A0BECC	RGB 160 190 204	#A0BECC
50.0%	50.0% #92B1C3	RGB 146 177 195	#92B1C3
66.7%	66.7% #85A4B9	RGB 133 164 185	#85A4B9
83.3%	83.3% #7897B0	RGB 120 151 176	#7897B0
100.0%	100.0% #6C8BA7	RGB 108 139 167	#6C8BA7

#BFD7DF #AFCAD5 #A0BECC #92B1C3 #85A4B9 #7897B0 #6C8BA7

#BFD7DF - #92B1C3 - #6C8BA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD7DF 0%, #92B1C3 50%, #6C8BA7 100%);
    background: -webkit-linear-gradient(top, #BFD7DF 0%, #92B1C3 50%, #6C8BA7 100%);
    background: linear-gradient(to bottom, #BFD7DF 0%, #92B1C3 50%, #6C8BA7 100%);
}
</style>