#C8CBCC - #698B75 | 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 #C8CBCC to #698B75

#C8CBCC #698B75

Calculate the color between two colors, #C8CBCC and #698B75. 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)

#C8CBCC - #698B75 | 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 #C8CBCC as 0% and #698B75 as 100%.

0.0%	0.0% #C8CBCC	RGB 200 203 204	#C8CBCC
16.7%	16.7% #B8C0BD	RGB 184 192 189	#B8C0BD
33.3%	33.3% #A8B5AF	RGB 168 181 175	#A8B5AF
50.0%	50.0% #98ABA0	RGB 152 171 160	#98ABA0
66.7%	66.7% #88A092	RGB 136 160 146	#88A092
83.3%	83.3% #789583	RGB 120 149 131	#789583
100.0%	100.0% #698B75	RGB 105 139 117	#698B75

#C8CBCC #B8C0BD #A8B5AF #98ABA0 #88A092 #789583 #698B75

#C8CBCC - #698B75

HSV Blend

#C8CBCC - #698B75 | 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 #C8CBCC as 0% and #698B75 as 100%.

0.0%	0.0% #C8CBCC	RGB 200 203 204	#C8CBCC
16.7%	16.7% #B6C0C1	RGB 182 192 193	#B6C0C1
33.3%	33.3% #A5B6B5	RGB 165 182 181	#A5B6B5
50.0%	50.0% #94ABA7	RGB 148 171 167	#94ABA7
66.7%	66.7% #85A097	RGB 133 160 151	#85A097
83.3%	83.3% #769586	RGB 118 149 134	#769586
100.0%	100.0% #698B75	RGB 105 139 117	#698B75

#C8CBCC #B6C0C1 #A5B6B5 #94ABA7 #85A097 #769586 #698B75

#C8CBCC - #94ABA7 - #698B75

CSS codes

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

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