#D5E4DF - #73B2B0 | 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 #D5E4DF to #73B2B0

#D5E4DF #73B2B0

Calculate the color between two colors, #D5E4DF and #73B2B0. 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)

#D5E4DF - #73B2B0 | 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 #D5E4DF as 0% and #73B2B0 as 100%.

0.0%	0.0% #D5E4DF	RGB 213 228 223	#D5E4DF
16.7%	16.7% #C4DBD7	RGB 196 219 215	#C4DBD7
33.3%	33.3% #B4D3CF	RGB 180 211 207	#B4D3CF
50.0%	50.0% #A4CBC7	RGB 164 203 199	#A4CBC7
66.7%	66.7% #93C2BF	RGB 147 194 191	#93C2BF
83.3%	83.3% #83BAB7	RGB 131 186 183	#83BAB7
100.0%	100.0% #73B2B0	RGB 115 178 176	#73B2B0

#D5E4DF #C4DBD7 #B4D3CF #A4CBC7 #93C2BF #83BAB7 #73B2B0

#D5E4DF - #73B2B0

HSV Blend

#D5E4DF - #73B2B0 | 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 #D5E4DF as 0% and #73B2B0 as 100%.

0.0%	0.0% #D5E4DF	RGB 213 228 223	#D5E4DF
16.7%	16.7% #C2DBD4	RGB 194 219 212	#C2DBD4
33.3%	33.3% #B1D3CB	RGB 177 211 203	#B1D3CB
50.0%	50.0% #A0CBC3	RGB 160 203 195	#A0CBC3
66.7%	66.7% #90C2BC	RGB 144 194 188	#90C2BC
83.3%	83.3% #81BAB5	RGB 129 186 181	#81BAB5
100.0%	100.0% #73B2B0	RGB 115 178 176	#73B2B0

#D5E4DF #C2DBD4 #B1D3CB #A0CBC3 #90C2BC #81BAB5 #73B2B0

#D5E4DF - #A0CBC3 - #73B2B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E4DF 0%, #A0CBC3 50%, #73B2B0 100%);
    background: -webkit-linear-gradient(top, #D5E4DF 0%, #A0CBC3 50%, #73B2B0 100%);
    background: linear-gradient(to bottom, #D5E4DF 0%, #A0CBC3 50%, #73B2B0 100%);
}
</style>