#4A2D64 - #CBC3D2 | 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 #4A2D64 to #CBC3D2

#4A2D64 #CBC3D2

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

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

0.0%	0.0% #4A2D64	RGB 74 45 100	#4A2D64
16.7%	16.7% #5F4676	RGB 95 70 118	#5F4676
33.3%	33.3% #755F88	RGB 117 95 136	#755F88
50.0%	50.0% #8A789B	RGB 138 120 155	#8A789B
66.7%	66.7% #A091AD	RGB 160 145 173	#A091AD
83.3%	83.3% #B5AABF	RGB 181 170 191	#B5AABF
100.0%	100.0% #CBC3D2	RGB 203 195 210	#CBC3D2

#4A2D64 #5F4676 #755F88 #8A789B #A091AD #B5AABF #CBC3D2

#4A2D64 - #CBC3D2

HSV Blend

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

0.0%	0.0% #4A2D64	RGB 74 45 100	#4A2D64
16.7%	16.7% #5C3E76	RGB 92 62 118	#5C3E76
33.3%	33.3% #6F5388	RGB 111 83 136	#6F5388
50.0%	50.0% #846A9B	RGB 132 106 155	#846A9B
66.7%	66.7% #9A85AD	RGB 154 133 173	#9A85AD
83.3%	83.3% #B2A2BF	RGB 178 162 191	#B2A2BF
100.0%	100.0% #CBC3D2	RGB 203 195 210	#CBC3D2

#4A2D64 #5C3E76 #6F5388 #846A9B #9A85AD #B2A2BF #CBC3D2

#4A2D64 - #846A9B - #CBC3D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2D64 0%, #846A9B 50%, #CBC3D2 100%);
    background: -webkit-linear-gradient(top, #4A2D64 0%, #846A9B 50%, #CBC3D2 100%);
    background: linear-gradient(to bottom, #4A2D64 0%, #846A9B 50%, #CBC3D2 100%);
}
</style>