#2D1E4D - #C2BECC | 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 #2D1E4D to #C2BECC

#2D1E4D #C2BECC

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

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

0.0%	0.0% #2D1E4D	RGB 45 30 77	#2D1E4D
16.7%	16.7% #453862	RGB 69 56 98	#453862
33.3%	33.3% #5E5377	RGB 94 83 119	#5E5377
50.0%	50.0% #776E8C	RGB 119 110 140	#776E8C
66.7%	66.7% #9088A1	RGB 144 136 161	#9088A1
83.3%	83.3% #A9A3B6	RGB 169 163 182	#A9A3B6
100.0%	100.0% #C2BECC	RGB 194 190 204	#C2BECC

#2D1E4D #453862 #5E5377 #776E8C #9088A1 #A9A3B6 #C2BECC

#2D1E4D - #C2BECC

HSV Blend

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

0.0%	0.0% #2D1E4D	RGB 45 30 77	#2D1E4D
16.7%	16.7% #3F2F62	RGB 63 47 98	#3F2F62
33.3%	33.3% #534477	RGB 83 68 119	#534477
50.0%	50.0% #6B5C8C	RGB 107 92 140	#6B5C8C
66.7%	66.7% #8579A1	RGB 133 121 161	#8579A1
83.3%	83.3% #A299B6	RGB 162 153 182	#A299B6
100.0%	100.0% #C2BECC	RGB 194 190 204	#C2BECC

#2D1E4D #3F2F62 #534477 #6B5C8C #8579A1 #A299B6 #C2BECC

#2D1E4D - #6B5C8C - #C2BECC

CSS codes

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

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