#C4D0C9 - #6C8C7E | 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 #C4D0C9 to #6C8C7E

#C4D0C9 #6C8C7E

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

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

0.0%	0.0% #C4D0C9	RGB 196 208 201	#C4D0C9
16.7%	16.7% #B5C4BC	RGB 181 196 188	#B5C4BC
33.3%	33.3% #A6B9B0	RGB 166 185 176	#A6B9B0
50.0%	50.0% #98AEA3	RGB 152 174 163	#98AEA3
66.7%	66.7% #89A297	RGB 137 162 151	#89A297
83.3%	83.3% #7A978A	RGB 122 151 138	#7A978A
100.0%	100.0% #6C8C7E	RGB 108 140 126	#6C8C7E

#C4D0C9 #B5C4BC #A6B9B0 #98AEA3 #89A297 #7A978A #6C8C7E

#C4D0C9 - #6C8C7E

HSV Blend

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

0.0%	0.0% #C4D0C9	RGB 196 208 201	#C4D0C9
16.7%	16.7% #B3C4BB	RGB 179 196 187	#B3C4BB
33.3%	33.3% #A4B9AD	RGB 164 185 173	#A4B9AD
50.0%	50.0% #95AEA1	RGB 149 174 161	#95AEA1
66.7%	66.7% #86A295	RGB 134 162 149	#86A295
83.3%	83.3% #799789	RGB 121 151 137	#799789
100.0%	100.0% #6C8C7E	RGB 108 140 126	#6C8C7E

#C4D0C9 #B3C4BB #A4B9AD #95AEA1 #86A295 #799789 #6C8C7E

#C4D0C9 - #95AEA1 - #6C8C7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D0C9 0%, #95AEA1 50%, #6C8C7E 100%);
    background: -webkit-linear-gradient(top, #C4D0C9 0%, #95AEA1 50%, #6C8C7E 100%);
    background: linear-gradient(to bottom, #C4D0C9 0%, #95AEA1 50%, #6C8C7E 100%);
}
</style>