#3E2E5E - #C6718D | 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 #3E2E5E to #C6718D

#3E2E5E #C6718D

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

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

0.0%	0.0% #3E2E5E	RGB 62 46 94	#3E2E5E
16.7%	16.7% #543965	RGB 84 57 101	#543965
33.3%	33.3% #6B446D	RGB 107 68 109	#6B446D
50.0%	50.0% #824F75	RGB 130 79 117	#824F75
66.7%	66.7% #985A7D	RGB 152 90 125	#985A7D
83.3%	83.3% #AF6585	RGB 175 101 133	#AF6585
100.0%	100.0% #C6718D	RGB 198 113 141	#C6718D

#3E2E5E #543965 #6B446D #824F75 #985A7D #AF6585 #C6718D

#3E2E5E - #C6718D

HSV Blend

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

0.0%	0.0% #3D2E5E	RGB 61 46 94	#3D2E5E
16.7%	16.7% #56376F	RGB 86 55 111	#56376F
33.3%	33.3% #724280	RGB 114 66 128	#724280
50.0%	50.0% #924D91	RGB 146 77 145	#924D91
66.7%	66.7% #A35892	RGB 163 88 146	#A35892
83.3%	83.3% #B46490	RGB 180 100 144	#B46490
100.0%	100.0% #C6718D	RGB 198 113 141	#C6718D

#3D2E5E #56376F #724280 #924D91 #A35892 #B46490 #C6718D

#3E2E5E - #924D91 - #C6718D

CSS codes

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

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