#C2DAC4 - #699E6D | 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 #C2DAC4 to #699E6D

#C2DAC4 #699E6D

Calculate the color between two colors, #C2DAC4 and #699E6D. 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)

#C2DAC4 - #699E6D | 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 #C2DAC4 as 0% and #699E6D as 100%.

0.0%	0.0% #C2DAC4	RGB 194 218 196	#C2DAC4
16.7%	16.7% #B3D0B5	RGB 179 208 181	#B3D0B5
33.3%	33.3% #A4C6A7	RGB 164 198 167	#A4C6A7
50.0%	50.0% #95BC98	RGB 149 188 152	#95BC98
66.7%	66.7% #86B28A	RGB 134 178 138	#86B28A
83.3%	83.3% #77A87B	RGB 119 168 123	#77A87B
100.0%	100.0% #699E6D	RGB 105 158 109	#699E6D

#C2DAC4 #B3D0B5 #A4C6A7 #95BC98 #86B28A #77A87B #699E6D

#C2DAC4 - #699E6D

HSV Blend

#C2DAC4 - #699E6D | 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 #C2DAC4 as 0% and #699E6D as 100%.

0.0%	0.0% #C2DAC4	RGB 194 218 196	#C2DAC4
16.7%	16.7% #B1D0B3	RGB 177 208 179	#B1D0B3
33.3%	33.3% #A1C6A4	RGB 161 198 164	#A1C6A4
50.0%	50.0% #92BC95	RGB 146 188 149	#92BC95
66.7%	66.7% #83B287	RGB 131 178 135	#83B287
83.3%	83.3% #75A879	RGB 117 168 121	#75A879
100.0%	100.0% #699E6D	RGB 105 158 109	#699E6D

#C2DAC4 #B1D0B3 #A1C6A4 #92BC95 #83B287 #75A879 #699E6D

#C2DAC4 - #92BC95 - #699E6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DAC4 0%, #92BC95 50%, #699E6D 100%);
    background: -webkit-linear-gradient(top, #C2DAC4 0%, #92BC95 50%, #699E6D 100%);
    background: linear-gradient(to bottom, #C2DAC4 0%, #92BC95 50%, #699E6D 100%);
}
</style>