#94AD8C - #BCB9CE | 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 #94AD8C to #BCB9CE

#94AD8C #BCB9CE

Calculate the color between two colors, #94AD8C and #BCB9CE. 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)

#94AD8C - #BCB9CE | 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 #94AD8C as 0% and #BCB9CE as 100%.

0.0%	0.0% #94AD8C	RGB 148 173 140	#94AD8C
16.7%	16.7% #9AAF97	RGB 154 175 151	#9AAF97
33.3%	33.3% #A1B1A2	RGB 161 177 162	#A1B1A2
50.0%	50.0% #A8B3AD	RGB 168 179 173	#A8B3AD
66.7%	66.7% #AEB5B8	RGB 174 181 184	#AEB5B8
83.3%	83.3% #B5B7C3	RGB 181 183 195	#B5B7C3
100.0%	100.0% #BCB9CE	RGB 188 185 206	#BCB9CE

#94AD8C #9AAF97 #A1B1A2 #A8B3AD #AEB5B8 #B5B7C3 #BCB9CE

#94AD8C - #BCB9CE

HSV Blend

#94AD8C - #BCB9CE | 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 #94AD8C as 0% and #BCB9CE as 100%.

0.0%	0.0% #94AD8C	RGB 148 173 140	#94AD8C
16.7%	16.7% #93B297	RGB 147 178 151	#93B297
33.3%	33.3% #9AB8AA	RGB 154 184 170	#9AB8AA
50.0%	50.0% #A1BDBC	RGB 161 189 188	#A1BDBC
66.7%	66.7% #A9BAC3	RGB 169 186 195	#A9BAC3
83.3%	83.3% #B1B7C8	RGB 177 183 200	#B1B7C8
100.0%	100.0% #BCB9CE	RGB 188 185 206	#BCB9CE

#94AD8C #93B297 #9AB8AA #A1BDBC #A9BAC3 #B1B7C8 #BCB9CE

#94AD8C - #A1BDBC - #BCB9CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94AD8C 0%, #A1BDBC 50%, #BCB9CE 100%);
    background: -webkit-linear-gradient(top, #94AD8C 0%, #A1BDBC 50%, #BCB9CE 100%);
    background: linear-gradient(to bottom, #94AD8C 0%, #A1BDBC 50%, #BCB9CE 100%);
}
</style>