#2C2F5E - #C070A8 | 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 #2C2F5E to #C070A8

#2C2F5E #C070A8

Calculate the color between two colors, #2C2F5E and #C070A8. 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)

#2C2F5E - #C070A8 | 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 #2C2F5E as 0% and #C070A8 as 100%.

0.0%	0.0% #2C2F5E	RGB 44 47 94	#2C2F5E
16.7%	16.7% #44396A	RGB 68 57 106	#44396A
33.3%	33.3% #5D4476	RGB 93 68 118	#5D4476
50.0%	50.0% #764F83	RGB 118 79 131	#764F83
66.7%	66.7% #8E5A8F	RGB 142 90 143	#8E5A8F
83.3%	83.3% #A7659B	RGB 167 101 155	#A7659B
100.0%	100.0% #C070A8	RGB 192 112 168	#C070A8

#2C2F5E #44396A #5D4476 #764F83 #8E5A8F #A7659B #C070A8

#2C2F5E - #C070A8

HSV Blend

#2C2F5E - #C070A8 | 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 #2C2F5E as 0% and #C070A8 as 100%.

0.0%	0.0% #2C2E5E	RGB 44 46 94	#2C2E5E
16.7%	16.7% #3F356E	RGB 63 53 110	#3F356E
33.3%	33.3% #58407E	RGB 88 64 126	#58407E
50.0%	50.0% #754B8F	RGB 117 75 143	#754B8F
66.7%	66.7% #94569F	RGB 148 86 159	#94569F
83.3%	83.3% #AF63AA	RGB 175 99 170	#AF63AA
100.0%	100.0% #C070A8	RGB 192 112 168	#C070A8

#2C2E5E #3F356E #58407E #754B8F #94569F #AF63AA #C070A8

#2C2F5E - #754B8F - #C070A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C2E5E 0%, #754B8F 50%, #C070A8 100%);
    background: -webkit-linear-gradient(top, #2C2E5E 0%, #754B8F 50%, #C070A8 100%);
    background: linear-gradient(to bottom, #2C2E5E 0%, #754B8F 50%, #C070A8 100%);
}
</style>