#DBE7E7 - #72BABA | 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 #DBE7E7 to #72BABA

#DBE7E7 #72BABA

Calculate the color between two colors, #DBE7E7 and #72BABA. 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)

#DBE7E7 - #72BABA | 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 #DBE7E7 as 0% and #72BABA as 100%.

0.0%	0.0% #DBE7E7	RGB 219 231 231	#DBE7E7
16.7%	16.7% #C9DFDF	RGB 201 223 223	#C9DFDF
33.3%	33.3% #B8D8D8	RGB 184 216 216	#B8D8D8
50.0%	50.0% #A6D0D0	RGB 166 208 208	#A6D0D0
66.7%	66.7% #95C9C9	RGB 149 201 201	#95C9C9
83.3%	83.3% #83C1C1	RGB 131 193 193	#83C1C1
100.0%	100.0% #72BABA	RGB 114 186 186	#72BABA

#DBE7E7 #C9DFDF #B8D8D8 #A6D0D0 #95C9C9 #83C1C1 #72BABA

#DBE7E7 - #72BABA

HSV Blend

#DBE7E7 - #72BABA | 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 #DBE7E7 as 0% and #72BABA as 100%.

0.0%	0.0% #DBE7E7	RGB 219 231 231	#DBE7E7
16.7%	16.7% #C7DFDF	RGB 199 223 223	#C7DFDF
33.3%	33.3% #B4D8D8	RGB 180 216 216	#B4D8D8
50.0%	50.0% #A2D0D0	RGB 162 208 208	#A2D0D0
66.7%	66.7% #91C9C9	RGB 145 201 201	#91C9C9
83.3%	83.3% #81C1C1	RGB 129 193 193	#81C1C1
100.0%	100.0% #72BABA	RGB 114 186 186	#72BABA

#DBE7E7 #C7DFDF #B4D8D8 #A2D0D0 #91C9C9 #81C1C1 #72BABA

#DBE7E7 - #A2D0D0 - #72BABA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE7E7 0%, #A2D0D0 50%, #72BABA 100%);
    background: -webkit-linear-gradient(top, #DBE7E7 0%, #A2D0D0 50%, #72BABA 100%);
    background: linear-gradient(to bottom, #DBE7E7 0%, #A2D0D0 50%, #72BABA 100%);
}
</style>