#6B0574 - #CD4289 | 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 #6B0574 to #CD4289

#6B0574 #CD4289

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

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

0.0%	0.0% #6B0574	RGB 107 5 116	#6B0574
16.7%	16.7% #7B0F77	RGB 123 15 119	#7B0F77
33.3%	33.3% #8B197B	RGB 139 25 123	#8B197B
50.0%	50.0% #9C237E	RGB 156 35 126	#9C237E
66.7%	66.7% #AC2D82	RGB 172 45 130	#AC2D82
83.3%	83.3% #BC3785	RGB 188 55 133	#BC3785
100.0%	100.0% #CD4289	RGB 205 66 137	#CD4289

#6B0574 #7B0F77 #8B197B #9C237E #AC2D82 #BC3785 #CD4289

#6B0574 - #CD4289

HSV Blend

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

0.0%	0.0% #6B0574	RGB 107 5 116	#6B0574
16.7%	16.7% #820B81	RGB 130 11 129	#820B81
33.3%	33.3% #911383	RGB 145 19 131	#911383
50.0%	50.0% #A01D85	RGB 160 29 133	#A01D85
66.7%	66.7% #AF2886	RGB 175 40 134	#AF2886
83.3%	83.3% #BE3487	RGB 190 52 135	#BE3487
100.0%	100.0% #CD4289	RGB 205 66 137	#CD4289

#6B0574 #820B81 #911383 #A01D85 #AF2886 #BE3487 #CD4289

#6B0574 - #A01D85 - #CD4289

CSS codes

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

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