#465650 - #C472DA | 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 #465650 to #C472DA

#465650 #C472DA

Calculate the color between two colors, #465650 and #C472DA. 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)

#465650 - #C472DA | 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 #465650 as 0% and #C472DA as 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #5B5A67	RGB 91 90 103	#5B5A67
33.3%	33.3% #705F7E	RGB 112 95 126	#705F7E
50.0%	50.0% #856495	RGB 133 100 149	#856495
66.7%	66.7% #9A68AC	RGB 154 104 172	#9A68AC
83.3%	83.3% #AF6DC3	RGB 175 109 195	#AF6DC3
100.0%	100.0% #C472DA	RGB 196 114 218	#C472DA

#465650 #5B5A67 #705F7E #856495 #9A68AC #AF6DC3 #C472DA

#465650 - #C472DA

HSV Blend

#465650 - #C472DA | 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 #465650 as 0% and #C472DA as 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #526C6B	RGB 82 108 107	#526C6B
33.3%	33.3% #5D7582	RGB 93 117 130	#5D7582
50.0%	50.0% #657498	RGB 101 116 152	#657498
66.7%	66.7% #706BAE	RGB 112 107 174	#706BAE
83.3%	83.3% #9370C4	RGB 147 112 196	#9370C4
100.0%	100.0% #C472DA	RGB 196 114 218	#C472DA

#465650 #526C6B #5D7582 #657498 #706BAE #9370C4 #C472DA

#465650 - #657498 - #C472DA

CSS codes

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

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