#C2DDC7 - #69A493 | 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 #C2DDC7 to #69A493

#C2DDC7 #69A493

Calculate the color between two colors, #C2DDC7 and #69A493. 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)

#C2DDC7 - #69A493 | 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 #C2DDC7 as 0% and #69A493 as 100%.

0.0%	0.0% #C2DDC7	RGB 194 221 199	#C2DDC7
16.7%	16.7% #B3D3BE	RGB 179 211 190	#B3D3BE
33.3%	33.3% #A4CAB5	RGB 164 202 181	#A4CAB5
50.0%	50.0% #95C0AD	RGB 149 192 173	#95C0AD
66.7%	66.7% #86B7A4	RGB 134 183 164	#86B7A4
83.3%	83.3% #77AD9B	RGB 119 173 155	#77AD9B
100.0%	100.0% #69A493	RGB 105 164 147	#69A493

#C2DDC7 #B3D3BE #A4CAB5 #95C0AD #86B7A4 #77AD9B #69A493

#C2DDC7 - #69A493

HSV Blend

#C2DDC7 - #69A493 | 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 #C2DDC7 as 0% and #69A493 as 100%.

0.0%	0.0% #C2DDC7	RGB 194 221 199	#C2DDC7
16.7%	16.7% #B1D3BA	RGB 177 211 186	#B1D3BA
33.3%	33.3% #A1CAAF	RGB 161 202 175	#A1CAAF
50.0%	50.0% #92C0A6	RGB 146 192 166	#92C0A6
66.7%	66.7% #83B79F	RGB 131 183 159	#83B79F
83.3%	83.3% #75AD98	RGB 117 173 152	#75AD98
100.0%	100.0% #69A493	RGB 105 164 147	#69A493

#C2DDC7 #B1D3BA #A1CAAF #92C0A6 #83B79F #75AD98 #69A493

#C2DDC7 - #92C0A6 - #69A493

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DDC7 0%, #92C0A6 50%, #69A493 100%);
    background: -webkit-linear-gradient(top, #C2DDC7 0%, #92C0A6 50%, #69A493 100%);
    background: linear-gradient(to bottom, #C2DDC7 0%, #92C0A6 50%, #69A493 100%);
}
</style>