#786CA1 - #D8D5E4 | 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 #786CA1 to #D8D5E4

#786CA1 #D8D5E4

Calculate the color between two colors, #786CA1 and #D8D5E4. 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)

#786CA1 - #D8D5E4 | 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 #786CA1 as 0% and #D8D5E4 as 100%.

0.0%	0.0% #786CA1	RGB 120 108 161	#786CA1
16.7%	16.7% #887DAC	RGB 136 125 172	#887DAC
33.3%	33.3% #988FB7	RGB 152 143 183	#988FB7
50.0%	50.0% #A8A0C2	RGB 168 160 194	#A8A0C2
66.7%	66.7% #B8B2CD	RGB 184 178 205	#B8B2CD
83.3%	83.3% #C8C3D8	RGB 200 195 216	#C8C3D8
100.0%	100.0% #D8D5E4	RGB 216 213 228	#D8D5E4

#786CA1 #887DAC #988FB7 #A8A0C2 #B8B2CD #C8C3D8 #D8D5E4

#786CA1 - #D8D5E4

HSV Blend

#786CA1 - #D8D5E4 | 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 #786CA1 as 0% and #D8D5E4 as 100%.

0.0%	0.0% #786CA1	RGB 120 108 161	#786CA1
16.7%	16.7% #857BAC	RGB 133 123 172	#857BAC
33.3%	33.3% #948BB7	RGB 148 139 183	#948BB7
50.0%	50.0% #A49CC2	RGB 164 156 194	#A49CC2
66.7%	66.7% #B4AECD	RGB 180 174 205	#B4AECD
83.3%	83.3% #C5C1D8	RGB 197 193 216	#C5C1D8
100.0%	100.0% #D8D5E4	RGB 216 213 228	#D8D5E4

#786CA1 #857BAC #948BB7 #A49CC2 #B4AECD #C5C1D8 #D8D5E4

#786CA1 - #A49CC2 - #D8D5E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #786CA1 0%, #A49CC2 50%, #D8D5E4 100%);
    background: -webkit-linear-gradient(top, #786CA1 0%, #A49CC2 50%, #D8D5E4 100%);
    background: linear-gradient(to bottom, #786CA1 0%, #A49CC2 50%, #D8D5E4 100%);
}
</style>