#7D9DB9 - #CEBAFD | 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 #7D9DB9 to #CEBAFD

#7D9DB9 #CEBAFD

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

#7D9DB9 - #CEBAFD | 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 #7D9DB9 as 0% and #CEBAFD as 100%.

0.0%	0.0% #7D9DB9	RGB 125 157 185	#7D9DB9
16.7%	16.7% #8AA1C4	RGB 138 161 196	#8AA1C4
33.3%	33.3% #98A6CF	RGB 152 166 207	#98A6CF
50.0%	50.0% #A5ABDB	RGB 165 171 219	#A5ABDB
66.7%	66.7% #B3B0E6	RGB 179 176 230	#B3B0E6
83.3%	83.3% #C0B5F1	RGB 192 181 241	#C0B5F1
100.0%	100.0% #CEBAFD	RGB 206 186 253	#CEBAFD

#7D9DB9 #8AA1C4 #98A6CF #A5ABDB #B3B0E6 #C0B5F1 #CEBAFD

#7D9DB9 - #CEBAFD

HSV Blend

#7D9DB9 - #CEBAFD | 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 #7D9DB9 as 0% and #CEBAFD as 100%.

0.0%	0.0% #7D9CB9	RGB 125 156 185	#7D9CB9
16.7%	16.7% #869EC4	RGB 134 158 196	#869EC4
33.3%	33.3% #90A0CF	RGB 144 160 207	#90A0CF
50.0%	50.0% #9AA2DB	RGB 154 162 219	#9AA2DB
66.7%	66.7% #A6A4E6	RGB 166 164 230	#A6A4E6
83.3%	83.3% #B9AFF1	RGB 185 175 241	#B9AFF1
100.0%	100.0% #CEBAFD	RGB 206 186 253	#CEBAFD

#7D9CB9 #869EC4 #90A0CF #9AA2DB #A6A4E6 #B9AFF1 #CEBAFD

#7D9DB9 - #9AA2DB - #CEBAFD

CSS codes

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

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