#CFABDF - #6D489E | 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 #CFABDF to #6D489E

#CFABDF #6D489E

Calculate the color between two colors, #CFABDF and #6D489E. 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)

#CFABDF - #6D489E | 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 #CFABDF as 0% and #6D489E as 100%.

0.0%	0.0% #CFABDF	RGB 207 171 223	#CFABDF
16.7%	16.7% #BE9AD4	RGB 190 154 212	#BE9AD4
33.3%	33.3% #AE8AC9	RGB 174 138 201	#AE8AC9
50.0%	50.0% #9E79BE	RGB 158 121 190	#9E79BE
66.7%	66.7% #8D69B3	RGB 141 105 179	#8D69B3
83.3%	83.3% #7D58A8	RGB 125 88 168	#7D58A8
100.0%	100.0% #6D489E	RGB 109 72 158	#6D489E

#CFABDF #BE9AD4 #AE8AC9 #9E79BE #8D69B3 #7D58A8 #6D489E

#CFABDF - #6D489E

HSV Blend

#CFABDF - #6D489E | 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 #CFABDF as 0% and #6D489E as 100%.

0.0%	0.0% #CFABDF	RGB 207 171 223	#CFABDF
16.7%	16.7% #BE97D4	RGB 190 151 212	#BE97D4
33.3%	33.3% #AE85C9	RGB 174 133 201	#AE85C9
50.0%	50.0% #9E74BE	RGB 158 116 190	#9E74BE
66.7%	66.7% #8D64B3	RGB 141 100 179	#8D64B3
83.3%	83.3% #7D55A8	RGB 125 85 168	#7D55A8
100.0%	100.0% #6D489E	RGB 109 72 158	#6D489E

#CFABDF #BE97D4 #AE85C9 #9E74BE #8D64B3 #7D55A8 #6D489E

#CFABDF - #9E74BE - #6D489E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFABDF 0%, #9E74BE 50%, #6D489E 100%);
    background: -webkit-linear-gradient(top, #CFABDF 0%, #9E74BE 50%, #6D489E 100%);
    background: linear-gradient(to bottom, #CFABDF 0%, #9E74BE 50%, #6D489E 100%);
}
</style>