#4A1F5E - #CABFD1 | 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 #4A1F5E to #CABFD1

#4A1F5E #CABFD1

Calculate the color between two colors, #4A1F5E and #CABFD1. 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)

#4A1F5E - #CABFD1 | 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 #4A1F5E as 0% and #CABFD1 as 100%.

0.0%	0.0% #4A1F5E	RGB 74 31 94	#4A1F5E
16.7%	16.7% #5F3971	RGB 95 57 113	#5F3971
33.3%	33.3% #745484	RGB 116 84 132	#745484
50.0%	50.0% #8A6F97	RGB 138 111 151	#8A6F97
66.7%	66.7% #9F89AA	RGB 159 137 170	#9F89AA
83.3%	83.3% #B4A4BD	RGB 180 164 189	#B4A4BD
100.0%	100.0% #CABFD1	RGB 202 191 209	#CABFD1

#4A1F5E #5F3971 #745484 #8A6F97 #9F89AA #B4A4BD #CABFD1

#4A1F5E - #CABFD1

HSV Blend

#4A1F5E - #CABFD1 | 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 #4A1F5E as 0% and #CABFD1 as 100%.

0.0%	0.0% #4A1F5E	RGB 74 31 94	#4A1F5E
16.7%	16.7% #5B3071	RGB 91 48 113	#5B3071
33.3%	33.3% #6E4584	RGB 110 69 132	#6E4584
50.0%	50.0% #835E97	RGB 131 94 151	#835E97
66.7%	66.7% #997AAA	RGB 153 122 170	#997AAA
83.3%	83.3% #B09BBD	RGB 176 155 189	#B09BBD
100.0%	100.0% #CABFD1	RGB 202 191 209	#CABFD1

#4A1F5E #5B3071 #6E4584 #835E97 #997AAA #B09BBD #CABFD1

#4A1F5E - #835E97 - #CABFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A1F5E 0%, #835E97 50%, #CABFD1 100%);
    background: -webkit-linear-gradient(top, #4A1F5E 0%, #835E97 50%, #CABFD1 100%);
    background: linear-gradient(to bottom, #4A1F5E 0%, #835E97 50%, #CABFD1 100%);
}
</style>