#C6D7A8 - #C0FFC1 | 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 #C6D7A8 to #C0FFC1

#C6D7A8 #C0FFC1

Calculate the color between two colors, #C6D7A8 and #C0FFC1. 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)

#C6D7A8 - #C0FFC1 | 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 #C6D7A8 as 0% and #C0FFC1 as 100%.

0.0%	0.0% #C6D7A8	RGB 198 215 168	#C6D7A8
16.7%	16.7% #C5DDAC	RGB 197 221 172	#C5DDAC
33.3%	33.3% #C4E4B0	RGB 196 228 176	#C4E4B0
50.0%	50.0% #C3EBB4	RGB 195 235 180	#C3EBB4
66.7%	66.7% #C2F1B8	RGB 194 241 184	#C2F1B8
83.3%	83.3% #C1F8BC	RGB 193 248 188	#C1F8BC
100.0%	100.0% #C0FFC1	RGB 192 255 193	#C0FFC1

#C6D7A8 #C5DDAC #C4E4B0 #C3EBB4 #C2F1B8 #C1F8BC #C0FFC1

#C6D7A8 - #C0FFC1

HSV Blend

#C6D7A8 - #C0FFC1 | 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 #C6D7A8 as 0% and #C0FFC1 as 100%.

0.0%	0.0% #C6D7A8	RGB 198 215 168	#C6D7A8
16.7%	16.7% #C6DDAC	RGB 198 221 172	#C6DDAC
33.3%	33.3% #C6E4B0	RGB 198 228 176	#C6E4B0
50.0%	50.0% #C5EBB4	RGB 197 235 180	#C5EBB4
66.7%	66.7% #C3F1B8	RGB 195 241 184	#C3F1B8
83.3%	83.3% #C1F8BC	RGB 193 248 188	#C1F8BC
100.0%	100.0% #C0FFC1	RGB 192 255 193	#C0FFC1

#C6D7A8 #C6DDAC #C6E4B0 #C5EBB4 #C3F1B8 #C1F8BC #C0FFC1

#C6D7A8 - #C5EBB4 - #C0FFC1

CSS codes

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

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