#CD9FE5 - #3A2D41 | 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 #CD9FE5 to #3A2D41

#CD9FE5 #3A2D41

Calculate the color between two colors, #CD9FE5 and #3A2D41. 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)

#CD9FE5 - #3A2D41 | 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 #CD9FE5 as 0% and #3A2D41 as 100%.

0.0%	0.0% #CD9FE5	RGB 205 159 229	#CD9FE5
16.7%	16.7% #B48CC9	RGB 180 140 201	#B48CC9
33.3%	33.3% #9C79AE	RGB 156 121 174	#9C79AE
50.0%	50.0% #836693	RGB 131 102 147	#836693
66.7%	66.7% #6B5377	RGB 107 83 119	#6B5377
83.3%	83.3% #52405C	RGB 82 64 92	#52405C
100.0%	100.0% #3A2D41	RGB 58 45 65	#3A2D41

#CD9FE5 #B48CC9 #9C79AE #836693 #6B5377 #52405C #3A2D41

#CD9FE5 - #3A2D41

HSV Blend

#CD9FE5 - #3A2D41 | 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 #CD9FE5 as 0% and #3A2D41 as 100%.

0.0%	0.0% #CD9FE5	RGB 205 159 229	#CD9FE5
16.7%	16.7% #B48BC9	RGB 180 139 201	#B48BC9
33.3%	33.3% #9B78AE	RGB 155 120 174	#9B78AE
50.0%	50.0% #836593	RGB 131 101 147	#836593
66.7%	66.7% #6A5277	RGB 106 82 119	#6A5277
83.3%	83.3% #523F5C	RGB 82 63 92	#523F5C
100.0%	100.0% #3A2D41	RGB 58 45 65	#3A2D41

#CD9FE5 #B48BC9 #9B78AE #836593 #6A5277 #523F5C #3A2D41

#CD9FE5 - #836593 - #3A2D41

CSS codes

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

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