#827CFF - #DFD9FF | 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 #827CFF to #DFD9FF

#827CFF #DFD9FF

Calculate the color between two colors, #827CFF and #DFD9FF. 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)

#827CFF - #DFD9FF | 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 #827CFF as 0% and #DFD9FF as 100%.

0.0%	0.0% #827CFF	RGB 130 124 255	#827CFF
16.7%	16.7% #918BFF	RGB 145 139 255	#918BFF
33.3%	33.3% #A19BFF	RGB 161 155 255	#A19BFF
50.0%	50.0% #B0AAFF	RGB 176 170 255	#B0AAFF
66.7%	66.7% #C0BAFF	RGB 192 186 255	#C0BAFF
83.3%	83.3% #CFC9FF	RGB 207 201 255	#CFC9FF
100.0%	100.0% #DFD9FF	RGB 223 217 255	#DFD9FF

#827CFF #918BFF #A19BFF #B0AAFF #C0BAFF #CFC9FF #DFD9FF

#827CFF - #DFD9FF

HSV Blend

#827CFF - #DFD9FF | 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 #827CFF as 0% and #DFD9FF as 100%.

0.0%	0.0% #827CFF	RGB 130 124 255	#827CFF
16.7%	16.7% #928BFF	RGB 146 139 255	#928BFF
33.3%	33.3% #A39BFF	RGB 163 155 255	#A39BFF
50.0%	50.0% #B3AAFF	RGB 179 170 255	#B3AAFF
66.7%	66.7% #C2BAFF	RGB 194 186 255	#C2BAFF
83.3%	83.3% #D0C9FF	RGB 208 201 255	#D0C9FF
100.0%	100.0% #DFD9FF	RGB 223 217 255	#DFD9FF

#827CFF #928BFF #A39BFF #B3AAFF #C2BAFF #D0C9FF #DFD9FF

#827CFF - #B3AAFF - #DFD9FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827CFF 0%, #B3AAFF 50%, #DFD9FF 100%);
    background: -webkit-linear-gradient(top, #827CFF 0%, #B3AAFF 50%, #DFD9FF 100%);
    background: linear-gradient(to bottom, #827CFF 0%, #B3AAFF 50%, #DFD9FF 100%);
}
</style>