#2C085E - #C2B8D1 | 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 #2C085E to #C2B8D1

#2C085E #C2B8D1

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

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

0.0%	0.0% #2C085E	RGB 44 8 94	#2C085E
16.7%	16.7% #452571	RGB 69 37 113	#452571
33.3%	33.3% #5E4284	RGB 94 66 132	#5E4284
50.0%	50.0% #776097	RGB 119 96 151	#776097
66.7%	66.7% #907DAA	RGB 144 125 170	#907DAA
83.3%	83.3% #A99ABD	RGB 169 154 189	#A99ABD
100.0%	100.0% #C2B8D1	RGB 194 184 209	#C2B8D1

#2C085E #452571 #5E4284 #776097 #907DAA #A99ABD #C2B8D1

#2C085E - #C2B8D1

HSV Blend

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

0.0%	0.0% #2B075E	RGB 43 7 94	#2B075E
16.7%	16.7% #3D1871	RGB 61 24 113	#3D1871
33.3%	33.3% #512E84	RGB 81 46 132	#512E84
50.0%	50.0% #694997	RGB 105 73 151	#694997
66.7%	66.7% #8369AA	RGB 131 105 170	#8369AA
83.3%	83.3% #A18DBD	RGB 161 141 189	#A18DBD
100.0%	100.0% #C2B8D1	RGB 194 184 209	#C2B8D1

#2B075E #3D1871 #512E84 #694997 #8369AA #A18DBD #C2B8D1

#2C085E - #694997 - #C2B8D1

CSS codes

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

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