#78738D - #C8CDA6 | 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 #78738D to #C8CDA6

#78738D #C8CDA6

Calculate the color between two colors, #78738D and #C8CDA6. 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)

#78738D - #C8CDA6 | 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 #78738D as 0% and #C8CDA6 as 100%.

0.0%	0.0% #78738D	RGB 120 115 141	#78738D
16.7%	16.7% #858291	RGB 133 130 145	#858291
33.3%	33.3% #929195	RGB 146 145 149	#929195
50.0%	50.0% #A0A099	RGB 160 160 153	#A0A099
66.7%	66.7% #ADAF9D	RGB 173 175 157	#ADAF9D
83.3%	83.3% #BABEA1	RGB 186 190 161	#BABEA1
100.0%	100.0% #C8CDA6	RGB 200 205 166	#C8CDA6

#78738D #858291 #929195 #A0A099 #ADAF9D #BABEA1 #C8CDA6

#78738D - #C8CDA6

HSV Blend

#78738D - #C8CDA6 | 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 #78738D as 0% and #C8CDA6 as 100%.

0.0%	0.0% #78738D	RGB 120 115 141	#78738D
16.7%	16.7% #8E7B97	RGB 142 123 151	#8E7B97
33.3%	33.3% #A2849D	RGB 162 132 157	#A2849D
50.0%	50.0% #AD8C97	RGB 173 140 151	#AD8C97
66.7%	66.7% #B79A95	RGB 183 154 149	#B79A95
83.3%	83.3% #C2B59D	RGB 194 181 157	#C2B59D
100.0%	100.0% #C8CDA6	RGB 200 205 166	#C8CDA6

#78738D #8E7B97 #A2849D #AD8C97 #B79A95 #C2B59D #C8CDA6

#78738D - #AD8C97 - #C8CDA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78738D 0%, #AD8C97 50%, #C8CDA6 100%);
    background: -webkit-linear-gradient(top, #78738D 0%, #AD8C97 50%, #C8CDA6 100%);
    background: linear-gradient(to bottom, #78738D 0%, #AD8C97 50%, #C8CDA6 100%);
}
</style>