#6A8F8C - #B8C895 | 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 #6A8F8C to #B8C895

#6A8F8C #B8C895

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

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

0.0%	0.0% #6A8F8C	RGB 106 143 140	#6A8F8C
16.7%	16.7% #77988D	RGB 119 152 141	#77988D
33.3%	33.3% #84A28F	RGB 132 162 143	#84A28F
50.0%	50.0% #91AB90	RGB 145 171 144	#91AB90
66.7%	66.7% #9EB592	RGB 158 181 146	#9EB592
83.3%	83.3% #ABBE93	RGB 171 190 147	#ABBE93
100.0%	100.0% #B8C895	RGB 184 200 149	#B8C895

#6A8F8C #77988D #84A28F #91AB90 #9EB592 #ABBE93 #B8C895

#6A8F8C - #B8C895

HSV Blend

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

0.0%	0.0% #6A8F8C	RGB 106 143 140	#6A8F8C
16.7%	16.7% #71988A	RGB 113 152 138	#71988A
33.3%	33.3% #78A288	RGB 120 162 136	#78A288
50.0%	50.0% #7FAB84	RGB 127 171 132	#7FAB84
66.7%	66.7% #8DB586	RGB 141 181 134	#8DB586
83.3%	83.3% #A2BE8D	RGB 162 190 141	#A2BE8D
100.0%	100.0% #B8C895	RGB 184 200 149	#B8C895

#6A8F8C #71988A #78A288 #7FAB84 #8DB586 #A2BE8D #B8C895

#6A8F8C - #7FAB84 - #B8C895

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8F8C 0%, #7FAB84 50%, #B8C895 100%);
    background: -webkit-linear-gradient(top, #6A8F8C 0%, #7FAB84 50%, #B8C895 100%);
    background: linear-gradient(to bottom, #6A8F8C 0%, #7FAB84 50%, #B8C895 100%);
}
</style>