#7ED2D5 - #DCCDFE | 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 #7ED2D5 to #DCCDFE

#7ED2D5 #DCCDFE

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

#7ED2D5 - #DCCDFE | 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 #7ED2D5 as 0% and #DCCDFE as 100%.

0.0%	0.0% #7ED2D5	RGB 126 210 213	#7ED2D5
16.7%	16.7% #8DD1DB	RGB 141 209 219	#8DD1DB
33.3%	33.3% #9DD0E2	RGB 157 208 226	#9DD0E2
50.0%	50.0% #ADCFE9	RGB 173 207 233	#ADCFE9
66.7%	66.7% #BCCEF0	RGB 188 206 240	#BCCEF0
83.3%	83.3% #CCCDF7	RGB 204 205 247	#CCCDF7
100.0%	100.0% #DCCDFE	RGB 220 205 254	#DCCDFE

#7ED2D5 #8DD1DB #9DD0E2 #ADCFE9 #BCCEF0 #CCCDF7 #DCCDFE

#7ED2D5 - #DCCDFE

HSV Blend

#7ED2D5 - #DCCDFE | 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 #7ED2D5 as 0% and #DCCDFE as 100%.

0.0%	0.0% #7ED2D5	RGB 126 210 213	#7ED2D5
16.7%	16.7% #89C7DB	RGB 137 199 219	#89C7DB
33.3%	33.3% #96BFE2	RGB 150 191 226	#96BFE2
50.0%	50.0% #A3BAE9	RGB 163 186 233	#A3BAE9
66.7%	66.7% #B0B8F0	RGB 176 184 240	#B0B8F0
83.3%	83.3% #C3BEF7	RGB 195 190 247	#C3BEF7
100.0%	100.0% #DCCDFE	RGB 220 205 254	#DCCDFE

#7ED2D5 #89C7DB #96BFE2 #A3BAE9 #B0B8F0 #C3BEF7 #DCCDFE

#7ED2D5 - #A3BAE9 - #DCCDFE

CSS codes

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

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