#CFFFEB - #69DFC4 | 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 #CFFFEB to #69DFC4

#CFFFEB #69DFC4

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

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

0.0%	0.0% #CFFFEB	RGB 207 255 235	#CFFFEB
16.7%	16.7% #BEF9E4	RGB 190 249 228	#BEF9E4
33.3%	33.3% #ADF4DE	RGB 173 244 222	#ADF4DE
50.0%	50.0% #9CEFD7	RGB 156 239 215	#9CEFD7
66.7%	66.7% #8BE9D1	RGB 139 233 209	#8BE9D1
83.3%	83.3% #7AE4CA	RGB 122 228 202	#7AE4CA
100.0%	100.0% #69DFC4	RGB 105 223 196	#69DFC4

#CFFFEB #BEF9E4 #ADF4DE #9CEFD7 #8BE9D1 #7AE4CA #69DFC4

#CFFFEB - #69DFC4

HSV Blend

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

0.0%	0.0% #CFFFEB	RGB 207 255 235	#CFFFEB
16.7%	16.7% #BCF9E2	RGB 188 249 226	#BCF9E2
33.3%	33.3% #AAF4DA	RGB 170 244 218	#AAF4DA
50.0%	50.0% #99EFD3	RGB 153 239 211	#99EFD3
66.7%	66.7% #88E9CD	RGB 136 233 205	#88E9CD
83.3%	83.3% #78E4C8	RGB 120 228 200	#78E4C8
100.0%	100.0% #69DFC4	RGB 105 223 196	#69DFC4

#CFFFEB #BCF9E2 #AAF4DA #99EFD3 #88E9CD #78E4C8 #69DFC4

#CFFFEB - #99EFD3 - #69DFC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFFFEB 0%, #99EFD3 50%, #69DFC4 100%);
    background: -webkit-linear-gradient(top, #CFFFEB 0%, #99EFD3 50%, #69DFC4 100%);
    background: linear-gradient(to bottom, #CFFFEB 0%, #99EFD3 50%, #69DFC4 100%);
}
</style>