#BECDC2 - #648E8C | 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 #BECDC2 to #648E8C

#BECDC2 #648E8C

Calculate the color between two colors, #BECDC2 and #648E8C. 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)

#BECDC2 - #648E8C | 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 #BECDC2 as 0% and #648E8C as 100%.

0.0%	0.0% #BECDC2	RGB 190 205 194	#BECDC2
16.7%	16.7% #AFC2B9	RGB 175 194 185	#AFC2B9
33.3%	33.3% #A0B8B0	RGB 160 184 176	#A0B8B0
50.0%	50.0% #91ADA7	RGB 145 173 167	#91ADA7
66.7%	66.7% #82A39E	RGB 130 163 158	#82A39E
83.3%	83.3% #739895	RGB 115 152 149	#739895
100.0%	100.0% #648E8C	RGB 100 142 140	#648E8C

#BECDC2 #AFC2B9 #A0B8B0 #91ADA7 #82A39E #739895 #648E8C

#BECDC2 - #648E8C

HSV Blend

#BECDC2 - #648E8C | 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 #BECDC2 as 0% and #648E8C as 100%.

0.0%	0.0% #BECDC2	RGB 190 205 194	#BECDC2
16.7%	16.7% #ADC2B5	RGB 173 194 181	#ADC2B5
33.3%	33.3% #9CB8AA	RGB 156 184 170	#9CB8AA
50.0%	50.0% #8DADA1	RGB 141 173 161	#8DADA1
66.7%	66.7% #7EA399	RGB 126 163 153	#7EA399
83.3%	83.3% #719892	RGB 113 152 146	#719892
100.0%	100.0% #648E8C	RGB 100 142 140	#648E8C

#BECDC2 #ADC2B5 #9CB8AA #8DADA1 #7EA399 #719892 #648E8C

#BECDC2 - #8DADA1 - #648E8C

CSS codes

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

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