#DBDBFC - #7992CF | 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 #DBDBFC to #7992CF

#DBDBFC #7992CF

Calculate the color between two colors, #DBDBFC and #7992CF. 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)

#DBDBFC - #7992CF | 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 #DBDBFC as 0% and #7992CF as 100%.

0.0%	0.0% #DBDBFC	RGB 219 219 252	#DBDBFC
16.7%	16.7% #CACEF4	RGB 202 206 244	#CACEF4
33.3%	33.3% #BAC2ED	RGB 186 194 237	#BAC2ED
50.0%	50.0% #AAB6E5	RGB 170 182 229	#AAB6E5
66.7%	66.7% #99AADE	RGB 153 170 222	#99AADE
83.3%	83.3% #899ED6	RGB 137 158 214	#899ED6
100.0%	100.0% #7992CF	RGB 121 146 207	#7992CF

#DBDBFC #CACEF4 #BAC2ED #AAB6E5 #99AADE #899ED6 #7992CF

#DBDBFC - #7992CF

HSV Blend

#DBDBFC - #7992CF | 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 #DBDBFC as 0% and #7992CF as 100%.

0.0%	0.0% #DBDBFC	RGB 219 219 252	#DBDBFC
16.7%	16.7% #C8CBF4	RGB 200 203 244	#C8CBF4
33.3%	33.3% #B7BCED	RGB 183 188 237	#B7BCED
50.0%	50.0% #A6AFE5	RGB 166 175 229	#A6AFE5
66.7%	66.7% #96A4DE	RGB 150 164 222	#96A4DE
83.3%	83.3% #879AD6	RGB 135 154 214	#879AD6
100.0%	100.0% #7992CF	RGB 121 146 207	#7992CF

#DBDBFC #C8CBF4 #B7BCED #A6AFE5 #96A4DE #879AD6 #7992CF

#DBDBFC - #A6AFE5 - #7992CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDBFC 0%, #A6AFE5 50%, #7992CF 100%);
    background: -webkit-linear-gradient(top, #DBDBFC 0%, #A6AFE5 50%, #7992CF 100%);
    background: linear-gradient(to bottom, #DBDBFC 0%, #A6AFE5 50%, #7992CF 100%);
}
</style>