#DBFFED - #7CDDC7 | 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 #DBFFED to #7CDDC7

#DBFFED #7CDDC7

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

#DBFFED - #7CDDC7 | 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 #DBFFED as 0% and #7CDDC7 as 100%.

0.0%	0.0% #DBFFED	RGB 219 255 237	#DBFFED
16.7%	16.7% #CBF9E6	RGB 203 249 230	#CBF9E6
33.3%	33.3% #BBF3E0	RGB 187 243 224	#BBF3E0
50.0%	50.0% #ABEEDA	RGB 171 238 218	#ABEEDA
66.7%	66.7% #9BE8D3	RGB 155 232 211	#9BE8D3
83.3%	83.3% #8BE2CD	RGB 139 226 205	#8BE2CD
100.0%	100.0% #7CDDC7	RGB 124 221 199	#7CDDC7

#DBFFED #CBF9E6 #BBF3E0 #ABEEDA #9BE8D3 #8BE2CD #7CDDC7

#DBFFED - #7CDDC7

HSV Blend

#DBFFED - #7CDDC7 | 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 #DBFFED as 0% and #7CDDC7 as 100%.

0.0%	0.0% #DBFFED	RGB 219 255 237	#DBFFED
16.7%	16.7% #C9F9E3	RGB 201 249 227	#C9F9E3
33.3%	33.3% #B9F3DB	RGB 185 243 219	#B9F3DB
50.0%	50.0% #A8EED4	RGB 168 238 212	#A8EED4
66.7%	66.7% #99E8CF	RGB 153 232 207	#99E8CF
83.3%	83.3% #8AE2CA	RGB 138 226 202	#8AE2CA
100.0%	100.0% #7CDDC7	RGB 124 221 199	#7CDDC7

#DBFFED #C9F9E3 #B9F3DB #A8EED4 #99E8CF #8AE2CA #7CDDC7

#DBFFED - #A8EED4 - #7CDDC7

CSS codes

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

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