#CAD8C2 - #699D72 | 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 #CAD8C2 to #699D72

#CAD8C2 #699D72

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

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

0.0%	0.0% #CAD8C2	RGB 202 216 194	#CAD8C2
16.7%	16.7% #B9CEB4	RGB 185 206 180	#B9CEB4
33.3%	33.3% #A9C4A7	RGB 169 196 167	#A9C4A7
50.0%	50.0% #99BA9A	RGB 153 186 154	#99BA9A
66.7%	66.7% #89B08C	RGB 137 176 140	#89B08C
83.3%	83.3% #79A67F	RGB 121 166 127	#79A67F
100.0%	100.0% #699D72	RGB 105 157 114	#699D72

#CAD8C2 #B9CEB4 #A9C4A7 #99BA9A #89B08C #79A67F #699D72

#CAD8C2 - #699D72

HSV Blend

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

0.0%	0.0% #CAD8C2	RGB 202 216 194	#CAD8C2
16.7%	16.7% #B9CEB1	RGB 185 206 177	#B9CEB1
33.3%	33.3% #A7C4A1	RGB 167 196 161	#A7C4A1
50.0%	50.0% #95BA92	RGB 149 186 146	#95BA92
66.7%	66.7% #83B083	RGB 131 176 131	#83B083
83.3%	83.3% #75A67A	RGB 117 166 122	#75A67A
100.0%	100.0% #699D72	RGB 105 157 114	#699D72

#CAD8C2 #B9CEB1 #A7C4A1 #95BA92 #83B083 #75A67A #699D72

#CAD8C2 - #95BA92 - #699D72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD8C2 0%, #95BA92 50%, #699D72 100%);
    background: -webkit-linear-gradient(top, #CAD8C2 0%, #95BA92 50%, #699D72 100%);
    background: linear-gradient(to bottom, #CAD8C2 0%, #95BA92 50%, #699D72 100%);
}
</style>