#48DCDC - #D3ECB6 | 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 #48DCDC to #D3ECB6

#48DCDC #D3ECB6

Calculate the color between two colors, #48DCDC and #D3ECB6. 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)

#48DCDC - #D3ECB6 | 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 #48DCDC as 0% and #D3ECB6 as 100%.

0.0%	0.0% #48DCDC	RGB 72 220 220	#48DCDC
16.7%	16.7% #5FDED5	RGB 95 222 213	#5FDED5
33.3%	33.3% #76E1CF	RGB 118 225 207	#76E1CF
50.0%	50.0% #8DE4C9	RGB 141 228 201	#8DE4C9
66.7%	66.7% #A4E6C2	RGB 164 230 194	#A4E6C2
83.3%	83.3% #BBE9BC	RGB 187 233 188	#BBE9BC
100.0%	100.0% #D3ECB6	RGB 211 236 182	#D3ECB6

#48DCDC #5FDED5 #76E1CF #8DE4C9 #A4E6C2 #BBE9BC #D3ECB6

#48DCDC - #D3ECB6

HSV Blend

#48DCDC - #D3ECB6 | 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 #48DCDC as 0% and #D3ECB6 as 100%.

0.0%	0.0% #48DCDC	RGB 72 220 220	#48DCDC
16.7%	16.7% #59DEBC	RGB 89 222 188	#59DEBC
33.3%	33.3% #6BE1A4	RGB 107 225 164	#6BE1A4
50.0%	50.0% #7DE495	RGB 125 228 149	#7DE495
66.7%	66.7% #91E68F	RGB 145 230 143	#91E68F
83.3%	83.3% #B6E9A2	RGB 182 233 162	#B6E9A2
100.0%	100.0% #D3ECB6	RGB 211 236 182	#D3ECB6

#48DCDC #59DEBC #6BE1A4 #7DE495 #91E68F #B6E9A2 #D3ECB6

#48DCDC - #7DE495 - #D3ECB6

CSS codes

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

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