#C4DFD1 - #64AA9F | 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 #C4DFD1 to #64AA9F

#C4DFD1 #64AA9F

Calculate the color between two colors, #C4DFD1 and #64AA9F. 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)

#C4DFD1 - #64AA9F | 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 #C4DFD1 as 0% and #64AA9F as 100%.

0.0%	0.0% #C4DFD1	RGB 196 223 209	#C4DFD1
16.7%	16.7% #B4D6C8	RGB 180 214 200	#B4D6C8
33.3%	33.3% #A4CDC0	RGB 164 205 192	#A4CDC0
50.0%	50.0% #94C4B8	RGB 148 196 184	#94C4B8
66.7%	66.7% #84BBAF	RGB 132 187 175	#84BBAF
83.3%	83.3% #74B2A7	RGB 116 178 167	#74B2A7
100.0%	100.0% #64AA9F	RGB 100 170 159	#64AA9F

#C4DFD1 #B4D6C8 #A4CDC0 #94C4B8 #84BBAF #74B2A7 #64AA9F

#C4DFD1 - #64AA9F

HSV Blend

#C4DFD1 - #64AA9F | 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 #C4DFD1 as 0% and #64AA9F as 100%.

0.0%	0.0% #C4DFD1	RGB 196 223 209	#C4DFD1
16.7%	16.7% #B1D6C5	RGB 177 214 197	#B1D6C5
33.3%	33.3% #A0CDBB	RGB 160 205 187	#A0CDBB
50.0%	50.0% #90C4B2	RGB 144 196 178	#90C4B2
66.7%	66.7% #80BBAB	RGB 128 187 171	#80BBAB
83.3%	83.3% #71B2A4	RGB 113 178 164	#71B2A4
100.0%	100.0% #64AA9F	RGB 100 170 159	#64AA9F

#C4DFD1 #B1D6C5 #A0CDBB #90C4B2 #80BBAB #71B2A4 #64AA9F

#C4DFD1 - #90C4B2 - #64AA9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4DFD1 0%, #90C4B2 50%, #64AA9F 100%);
    background: -webkit-linear-gradient(top, #C4DFD1 0%, #90C4B2 50%, #64AA9F 100%);
    background: linear-gradient(to bottom, #C4DFD1 0%, #90C4B2 50%, #64AA9F 100%);
}
</style>