#967CCC - #DFD9F0 | 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 #967CCC to #DFD9F0

#967CCC #DFD9F0

Calculate the color between two colors, #967CCC and #DFD9F0. 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)

#967CCC - #DFD9F0 | 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 #967CCC as 0% and #DFD9F0 as 100%.

0.0%	0.0% #967CCC	RGB 150 124 204	#967CCC
16.7%	16.7% #A28BD2	RGB 162 139 210	#A28BD2
33.3%	33.3% #AE9BD8	RGB 174 155 216	#AE9BD8
50.0%	50.0% #BAAADE	RGB 186 170 222	#BAAADE
66.7%	66.7% #C6BAE4	RGB 198 186 228	#C6BAE4
83.3%	83.3% #D2C9EA	RGB 210 201 234	#D2C9EA
100.0%	100.0% #DFD9F0	RGB 223 217 240	#DFD9F0

#967CCC #A28BD2 #AE9BD8 #BAAADE #C6BAE4 #D2C9EA #DFD9F0

#967CCC - #DFD9F0

HSV Blend

#967CCC - #DFD9F0 | 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 #967CCC as 0% and #DFD9F0 as 100%.

0.0%	0.0% #957CCC	RGB 149 124 204	#957CCC
16.7%	16.7% #A08AD2	RGB 160 138 210	#A08AD2
33.3%	33.3% #AB98D8	RGB 171 152 216	#AB98D8
50.0%	50.0% #B7A7DE	RGB 183 167 222	#B7A7DE
66.7%	66.7% #C4B7E4	RGB 196 183 228	#C4B7E4
83.3%	83.3% #D1C8EA	RGB 209 200 234	#D1C8EA
100.0%	100.0% #DFD9F0	RGB 223 217 240	#DFD9F0

#957CCC #A08AD2 #AB98D8 #B7A7DE #C4B7E4 #D1C8EA #DFD9F0

#967CCC - #B7A7DE - #DFD9F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #957CCC 0%, #B7A7DE 50%, #DFD9F0 100%);
    background: -webkit-linear-gradient(top, #957CCC 0%, #B7A7DE 50%, #DFD9F0 100%);
    background: linear-gradient(to bottom, #957CCC 0%, #B7A7DE 50%, #DFD9F0 100%);
}
</style>