#BEC5CB - #69768B | 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 #BEC5CB to #69768B

#BEC5CB #69768B

Calculate the color between two colors, #BEC5CB and #69768B. 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)

#BEC5CB - #69768B | 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 #BEC5CB as 0% and #69768B as 100%.

0.0%	0.0% #BEC5CB	RGB 190 197 203	#BEC5CB
16.7%	16.7% #AFB7C0	RGB 175 183 192	#AFB7C0
33.3%	33.3% #A1AAB5	RGB 161 170 181	#A1AAB5
50.0%	50.0% #939DAB	RGB 147 157 171	#939DAB
66.7%	66.7% #8590A0	RGB 133 144 160	#8590A0
83.3%	83.3% #778395	RGB 119 131 149	#778395
100.0%	100.0% #69768B	RGB 105 118 139	#69768B

#BEC5CB #AFB7C0 #A1AAB5 #939DAB #8590A0 #778395 #69768B

#BEC5CB - #69768B

HSV Blend

#BEC5CB - #69768B | 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 #BEC5CB as 0% and #69768B as 100%.

0.0%	0.0% #BEC5CB	RGB 190 197 203	#BEC5CB
16.7%	16.7% #AEB7C0	RGB 174 183 192	#AEB7C0
33.3%	33.3% #9FAAB5	RGB 159 170 181	#9FAAB5
50.0%	50.0% #909CAB	RGB 144 156 171	#909CAB
66.7%	66.7% #828FA0	RGB 130 143 160	#828FA0
83.3%	83.3% #758295	RGB 117 130 149	#758295
100.0%	100.0% #69768B	RGB 105 118 139	#69768B

#BEC5CB #AEB7C0 #9FAAB5 #909CAB #828FA0 #758295 #69768B

#BEC5CB - #909CAB - #69768B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEC5CB 0%, #909CAB 50%, #69768B 100%);
    background: -webkit-linear-gradient(top, #BEC5CB 0%, #909CAB 50%, #69768B 100%);
    background: linear-gradient(to bottom, #BEC5CB 0%, #909CAB 50%, #69768B 100%);
}
</style>