#BDCCCE - #6F7B8F | 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 #BDCCCE to #6F7B8F

#BDCCCE #6F7B8F

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

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

0.0%	0.0% #BDCCCE	RGB 189 204 206	#BDCCCE
16.7%	16.7% #B0BEC3	RGB 176 190 195	#B0BEC3
33.3%	33.3% #A3B1B9	RGB 163 177 185	#A3B1B9
50.0%	50.0% #96A3AE	RGB 150 163 174	#96A3AE
66.7%	66.7% #8996A4	RGB 137 150 164	#8996A4
83.3%	83.3% #7C8899	RGB 124 136 153	#7C8899
100.0%	100.0% #6F7B8F	RGB 111 123 143	#6F7B8F

#BDCCCE #B0BEC3 #A3B1B9 #96A3AE #8996A4 #7C8899 #6F7B8F

#BDCCCE - #6F7B8F

HSV Blend

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

0.0%	0.0% #BDCCCE	RGB 189 204 206	#BDCCCE
16.7%	16.7% #AEBFC3	RGB 174 191 195	#AEBFC3
33.3%	33.3% #A1B2B9	RGB 161 178 185	#A1B2B9
50.0%	50.0% #93A4AE	RGB 147 164 174	#93A4AE
66.7%	66.7% #8796A4	RGB 135 150 164	#8796A4
83.3%	83.3% #7A8899	RGB 122 136 153	#7A8899
100.0%	100.0% #6F7B8F	RGB 111 123 143	#6F7B8F

#BDCCCE #AEBFC3 #A1B2B9 #93A4AE #8796A4 #7A8899 #6F7B8F

#BDCCCE - #93A4AE - #6F7B8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDCCCE 0%, #93A4AE 50%, #6F7B8F 100%);
    background: -webkit-linear-gradient(top, #BDCCCE 0%, #93A4AE 50%, #6F7B8F 100%);
    background: linear-gradient(to bottom, #BDCCCE 0%, #93A4AE 50%, #6F7B8F 100%);
}
</style>