#7EB3DF - #DBD3FB | 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 #7EB3DF to #DBD3FB

#7EB3DF #DBD3FB

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

#7EB3DF - #DBD3FB | 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 #7EB3DF as 0% and #DBD3FB as 100%.

0.0%	0.0% #7EB3DF	RGB 126 179 223	#7EB3DF
16.7%	16.7% #8DB8E3	RGB 141 184 227	#8DB8E3
33.3%	33.3% #9DBDE8	RGB 157 189 232	#9DBDE8
50.0%	50.0% #ACC3ED	RGB 172 195 237	#ACC3ED
66.7%	66.7% #BCC8F1	RGB 188 200 241	#BCC8F1
83.3%	83.3% #CBCDF6	RGB 203 205 246	#CBCDF6
100.0%	100.0% #DBD3FB	RGB 219 211 251	#DBD3FB

#7EB3DF #8DB8E3 #9DBDE8 #ACC3ED #BCC8F1 #CBCDF6 #DBD3FB

#7EB3DF - #DBD3FB

HSV Blend

#7EB3DF - #DBD3FB | 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 #7EB3DF as 0% and #DBD3FB as 100%.

0.0%	0.0% #7EB3DF	RGB 126 179 223	#7EB3DF
16.7%	16.7% #8BB0E3	RGB 139 176 227	#8BB0E3
33.3%	33.3% #98B0E8	RGB 152 176 232	#98B0E8
50.0%	50.0% #A6B2ED	RGB 166 178 237	#A6B2ED
66.7%	66.7% #B4B7F1	RGB 180 183 241	#B4B7F1
83.3%	83.3% #C7C3F6	RGB 199 195 246	#C7C3F6
100.0%	100.0% #DBD3FB	RGB 219 211 251	#DBD3FB

#7EB3DF #8BB0E3 #98B0E8 #A6B2ED #B4B7F1 #C7C3F6 #DBD3FB

#7EB3DF - #A6B2ED - #DBD3FB

CSS codes

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

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