#CFE9DF - #7EB4AC | 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 #CFE9DF to #7EB4AC

#CFE9DF #7EB4AC

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

#CFE9DF - #7EB4AC | 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 #CFE9DF as 0% and #7EB4AC as 100%.

0.0%	0.0% #CFE9DF	RGB 207 233 223	#CFE9DF
16.7%	16.7% #C1E0D6	RGB 193 224 214	#C1E0D6
33.3%	33.3% #B4D7CE	RGB 180 215 206	#B4D7CE
50.0%	50.0% #A6CEC5	RGB 166 206 197	#A6CEC5
66.7%	66.7% #99C5BD	RGB 153 197 189	#99C5BD
83.3%	83.3% #8BBCB4	RGB 139 188 180	#8BBCB4
100.0%	100.0% #7EB4AC	RGB 126 180 172	#7EB4AC

#CFE9DF #C1E0D6 #B4D7CE #A6CEC5 #99C5BD #8BBCB4 #7EB4AC

#CFE9DF - #7EB4AC

HSV Blend

#CFE9DF - #7EB4AC | 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 #CFE9DF as 0% and #7EB4AC as 100%.

0.0%	0.0% #CFE9DF	RGB 207 233 223	#CFE9DF
16.7%	16.7% #C0E0D5	RGB 192 224 213	#C0E0D5
33.3%	33.3% #B1D7CB	RGB 177 215 203	#B1D7CB
50.0%	50.0% #A4CEC3	RGB 164 206 195	#A4CEC3
66.7%	66.7% #96C5BB	RGB 150 197 187	#96C5BB
83.3%	83.3% #8ABCB3	RGB 138 188 179	#8ABCB3
100.0%	100.0% #7EB4AC	RGB 126 180 172	#7EB4AC

#CFE9DF #C0E0D5 #B1D7CB #A4CEC3 #96C5BB #8ABCB3 #7EB4AC

#CFE9DF - #A4CEC3 - #7EB4AC

CSS codes

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

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