#2D4E64 - #AD75B8 | 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 #2D4E64 to #AD75B8

#2D4E64 #AD75B8

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

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

0.0%	0.0% #2D4E64	RGB 45 78 100	#2D4E64
16.7%	16.7% #425472	RGB 66 84 114	#425472
33.3%	33.3% #575B80	RGB 87 91 128	#575B80
50.0%	50.0% #6D618E	RGB 109 97 142	#6D618E
66.7%	66.7% #82689C	RGB 130 104 156	#82689C
83.3%	83.3% #976EAA	RGB 151 110 170	#976EAA
100.0%	100.0% #AD75B8	RGB 173 117 184	#AD75B8

#2D4E64 #425472 #575B80 #6D618E #82689C #976EAA #AD75B8

#2D4E64 - #AD75B8

HSV Blend

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

0.0%	0.0% #2D4E64	RGB 45 78 100	#2D4E64
16.7%	16.7% #364C72	RGB 54 76 114	#364C72
33.3%	33.3% #414980	RGB 65 73 128	#414980
50.0%	50.0% #544D8E	RGB 84 77 142	#544D8E
66.7%	66.7% #71599C	RGB 113 89 156	#71599C
83.3%	83.3% #8E66AA	RGB 142 102 170	#8E66AA
100.0%	100.0% #AD75B8	RGB 173 117 184	#AD75B8

#2D4E64 #364C72 #414980 #544D8E #71599C #8E66AA #AD75B8

#2D4E64 - #544D8E - #AD75B8

CSS codes

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

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