#7D9AB7 - #CDB7FD | 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 #7D9AB7 to #CDB7FD

#7D9AB7 #CDB7FD

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

#7D9AB7 - #CDB7FD | 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 #7D9AB7 as 0% and #CDB7FD as 100%.

0.0%	0.0% #7D9AB7	RGB 125 154 183	#7D9AB7
16.7%	16.7% #8A9EC2	RGB 138 158 194	#8A9EC2
33.3%	33.3% #97A3CE	RGB 151 163 206	#97A3CE
50.0%	50.0% #A5A8DA	RGB 165 168 218	#A5A8DA
66.7%	66.7% #B2ADE5	RGB 178 173 229	#B2ADE5
83.3%	83.3% #BFB2F1	RGB 191 178 241	#BFB2F1
100.0%	100.0% #CDB7FD	RGB 205 183 253	#CDB7FD

#7D9AB7 #8A9EC2 #97A3CE #A5A8DA #B2ADE5 #BFB2F1 #CDB7FD

#7D9AB7 - #CDB7FD

HSV Blend

#7D9AB7 - #CDB7FD | 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 #7D9AB7 as 0% and #CDB7FD as 100%.

0.0%	0.0% #7D9AB7	RGB 125 154 183	#7D9AB7
16.7%	16.7% #869CC2	RGB 134 156 194	#869CC2
33.3%	33.3% #8F9ECE	RGB 143 158 206	#8F9ECE
50.0%	50.0% #999FDA	RGB 153 159 218	#999FDA
66.7%	66.7% #A5A3E5	RGB 165 163 229	#A5A3E5
83.3%	83.3% #B9ACF1	RGB 185 172 241	#B9ACF1
100.0%	100.0% #CDB7FD	RGB 205 183 253	#CDB7FD

#7D9AB7 #869CC2 #8F9ECE #999FDA #A5A3E5 #B9ACF1 #CDB7FD

#7D9AB7 - #999FDA - #CDB7FD

CSS codes

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

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