#C39FDB - #663D9C | 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 #C39FDB to #663D9C

#C39FDB #663D9C

Calculate the color between two colors, #C39FDB and #663D9C. 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)

#C39FDB - #663D9C | 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 #C39FDB as 0% and #663D9C as 100%.

0.0%	0.0% #C39FDB	RGB 195 159 219	#C39FDB
16.7%	16.7% #B38ED0	RGB 179 142 208	#B38ED0
33.3%	33.3% #A47EC6	RGB 164 126 198	#A47EC6
50.0%	50.0% #946EBB	RGB 148 110 187	#946EBB
66.7%	66.7% #855DB1	RGB 133 93 177	#855DB1
83.3%	83.3% #754DA6	RGB 117 77 166	#754DA6
100.0%	100.0% #663D9C	RGB 102 61 156	#663D9C

#C39FDB #B38ED0 #A47EC6 #946EBB #855DB1 #754DA6 #663D9C

#C39FDB - #663D9C

HSV Blend

#C39FDB - #663D9C | 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 #C39FDB as 0% and #663D9C as 100%.

0.0%	0.0% #C39FDB	RGB 195 159 219	#C39FDB
16.7%	16.7% #B38BD0	RGB 179 139 208	#B38BD0
33.3%	33.3% #A379C6	RGB 163 121 198	#A379C6
50.0%	50.0% #9368BB	RGB 147 104 187	#9368BB
66.7%	66.7% #8358B1	RGB 131 88 177	#8358B1
83.3%	83.3% #744AA6	RGB 116 74 166	#744AA6
100.0%	100.0% #663D9C	RGB 102 61 156	#663D9C

#C39FDB #B38BD0 #A379C6 #9368BB #8358B1 #744AA6 #663D9C

#C39FDB - #9368BB - #663D9C

CSS codes

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

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