#7965B2 - #D8D3E9 | 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 #7965B2 to #D8D3E9

#7965B2 #D8D3E9

Calculate the color between two colors, #7965B2 and #D8D3E9. 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)

#7965B2 - #D8D3E9 | 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 #7965B2 as 0% and #D8D3E9 as 100%.

0.0%	0.0% #7965B2	RGB 121 101 178	#7965B2
16.7%	16.7% #8877BB	RGB 136 119 187	#8877BB
33.3%	33.3% #9889C4	RGB 152 137 196	#9889C4
50.0%	50.0% #A89CCD	RGB 168 156 205	#A89CCD
66.7%	66.7% #B8AED6	RGB 184 174 214	#B8AED6
83.3%	83.3% #C8C0DF	RGB 200 192 223	#C8C0DF
100.0%	100.0% #D8D3E9	RGB 216 211 233	#D8D3E9

#7965B2 #8877BB #9889C4 #A89CCD #B8AED6 #C8C0DF #D8D3E9

#7965B2 - #D8D3E9

HSV Blend

#7965B2 - #D8D3E9 | 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 #7965B2 as 0% and #D8D3E9 as 100%.

0.0%	0.0% #7965B2	RGB 121 101 178	#7965B2
16.7%	16.7% #8674BB	RGB 134 116 187	#8674BB
33.3%	33.3% #9585C4	RGB 149 133 196	#9585C4
50.0%	50.0% #A497CD	RGB 164 151 205	#A497CD
66.7%	66.7% #B4AAD6	RGB 180 170 214	#B4AAD6
83.3%	83.3% #C5BEDF	RGB 197 190 223	#C5BEDF
100.0%	100.0% #D8D3E9	RGB 216 211 233	#D8D3E9

#7965B2 #8674BB #9585C4 #A497CD #B4AAD6 #C5BEDF #D8D3E9

#7965B2 - #A497CD - #D8D3E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7965B2 0%, #A497CD 50%, #D8D3E9 100%);
    background: -webkit-linear-gradient(top, #7965B2 0%, #A497CD 50%, #D8D3E9 100%);
    background: linear-gradient(to bottom, #7965B2 0%, #A497CD 50%, #D8D3E9 100%);
}
</style>