#9368AA - #DFD3E6 | 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 #9368AA to #DFD3E6

#9368AA #DFD3E6

Calculate the color between two colors, #9368AA and #DFD3E6. 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)

#9368AA - #DFD3E6 | 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 #9368AA as 0% and #DFD3E6 as 100%.

0.0%	0.0% #9368AA	RGB 147 104 170	#9368AA
16.7%	16.7% #9F79B4	RGB 159 121 180	#9F79B4
33.3%	33.3% #AC8BBE	RGB 172 139 190	#AC8BBE
50.0%	50.0% #B99DC8	RGB 185 157 200	#B99DC8
66.7%	66.7% #C5AFD2	RGB 197 175 210	#C5AFD2
83.3%	83.3% #D2C1DC	RGB 210 193 220	#D2C1DC
100.0%	100.0% #DFD3E6	RGB 223 211 230	#DFD3E6

#9368AA #9F79B4 #AC8BBE #B99DC8 #C5AFD2 #D2C1DC #DFD3E6

#9368AA - #DFD3E6

HSV Blend

#9368AA - #DFD3E6 | 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 #9368AA as 0% and #DFD3E6 as 100%.

0.0%	0.0% #9368AA	RGB 147 104 170	#9368AA
16.7%	16.7% #9E77B4	RGB 158 119 180	#9E77B4
33.3%	33.3% #AA87BE	RGB 170 135 190	#AA87BE
50.0%	50.0% #B798C8	RGB 183 152 200	#B798C8
66.7%	66.7% #C3ABD2	RGB 195 171 210	#C3ABD2
83.3%	83.3% #D1BEDC	RGB 209 190 220	#D1BEDC
100.0%	100.0% #DFD3E6	RGB 223 211 230	#DFD3E6

#9368AA #9E77B4 #AA87BE #B798C8 #C3ABD2 #D1BEDC #DFD3E6

#9368AA - #B798C8 - #DFD3E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9368AA 0%, #B798C8 50%, #DFD3E6 100%);
    background: -webkit-linear-gradient(top, #9368AA 0%, #B798C8 50%, #DFD3E6 100%);
    background: linear-gradient(to bottom, #9368AA 0%, #B798C8 50%, #DFD3E6 100%);
}
</style>