#7DB2DB - #D4DADA | 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 #7DB2DB to #D4DADA

#7DB2DB #D4DADA

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

#7DB2DB - #D4DADA | 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 #7DB2DB as 0% and #D4DADA as 100%.

0.0%	0.0% #7DB2DB	RGB 125 178 219	#7DB2DB
16.7%	16.7% #8BB8DA	RGB 139 184 218	#8BB8DA
33.3%	33.3% #9ABFDA	RGB 154 191 218	#9ABFDA
50.0%	50.0% #A8C6DA	RGB 168 198 218	#A8C6DA
66.7%	66.7% #B7CCDA	RGB 183 204 218	#B7CCDA
83.3%	83.3% #C5D3DA	RGB 197 211 218	#C5D3DA
100.0%	100.0% #D4DADA	RGB 212 218 218	#D4DADA

#7DB2DB #8BB8DA #9ABFDA #A8C6DA #B7CCDA #C5D3DA #D4DADA

#7DB2DB - #D4DADA

HSV Blend

#7DB2DB - #D4DADA | 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 #7DB2DB as 0% and #D4DADA as 100%.

0.0%	0.0% #7DB1DB	RGB 125 177 219	#7DB1DB
16.7%	16.7% #8BBEDA	RGB 139 190 218	#8BBEDA
33.3%	33.3% #9AC7DA	RGB 154 199 218	#9AC7DA
50.0%	50.0% #A8CFDA	RGB 168 207 218	#A8CFDA
66.7%	66.7% #B7D5DA	RGB 183 213 218	#B7D5DA
83.3%	83.3% #C5D8DA	RGB 197 216 218	#C5D8DA
100.0%	100.0% #D4DADA	RGB 212 218 218	#D4DADA

#7DB1DB #8BBEDA #9AC7DA #A8CFDA #B7D5DA #C5D8DA #D4DADA

#7DB2DB - #A8CFDA - #D4DADA

CSS codes

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

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