#7EB6D6 - #DADCD7 | 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 #7EB6D6 to #DADCD7

#7EB6D6 #DADCD7

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

#7EB6D6 - #DADCD7 | 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 #7EB6D6 as 0% and #DADCD7 as 100%.

0.0%	0.0% #7EB6D6	RGB 126 182 214	#7EB6D6
16.7%	16.7% #8DBCD6	RGB 141 188 214	#8DBCD6
33.3%	33.3% #9CC2D6	RGB 156 194 214	#9CC2D6
50.0%	50.0% #ACC9D6	RGB 172 201 214	#ACC9D6
66.7%	66.7% #BBCFD6	RGB 187 207 214	#BBCFD6
83.3%	83.3% #CAD5D6	RGB 202 213 214	#CAD5D6
100.0%	100.0% #DADCD7	RGB 218 220 215	#DADCD7

#7EB6D6 #8DBCD6 #9CC2D6 #ACC9D6 #BBCFD6 #CAD5D6 #DADCD7

#7EB6D6 - #DADCD7

HSV Blend

#7EB6D6 - #DADCD7 | 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 #7EB6D6 as 0% and #DADCD7 as 100%.

0.0%	0.0% #7EB6D6	RGB 126 182 214	#7EB6D6
16.7%	16.7% #8CD4D7	RGB 140 212 215	#8CD4D7
33.3%	33.3% #9BD8C6	RGB 155 216 198	#9BD8C6
50.0%	50.0% #A9D9BB	RGB 169 217 187	#A9D9BB
66.7%	66.7% #B8DABA	RGB 184 218 186	#B8DABA
83.3%	83.3% #CDDBC7	RGB 205 219 199	#CDDBC7
100.0%	100.0% #DADCD7	RGB 218 220 215	#DADCD7

#7EB6D6 #8CD4D7 #9BD8C6 #A9D9BB #B8DABA #CDDBC7 #DADCD7

#7EB6D6 - #A9D9BB - #DADCD7

CSS codes

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

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