#7E3D3C - #CE65D3 | 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 #7E3D3C to #CE65D3

#7E3D3C #CE65D3

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

#7E3D3C - #CE65D3 | 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 #7E3D3C as 0% and #CE65D3 as 100%.

0.0%	0.0% #7E3D3C	RGB 126 61 60	#7E3D3C
16.7%	16.7% #8B4355	RGB 139 67 85	#8B4355
33.3%	33.3% #984A6E	RGB 152 74 110	#984A6E
50.0%	50.0% #A65187	RGB 166 81 135	#A65187
66.7%	66.7% #B357A0	RGB 179 87 160	#B357A0
83.3%	83.3% #C05EB9	RGB 192 94 185	#C05EB9
100.0%	100.0% #CE65D3	RGB 206 101 211	#CE65D3

#7E3D3C #8B4355 #984A6E #A65187 #B357A0 #C05EB9 #CE65D3

#7E3D3C - #CE65D3

HSV Blend

#7E3D3C - #CE65D3 | 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 #7E3D3C as 0% and #CE65D3 as 100%.

0.0%	0.0% #7E3D3C	RGB 126 61 60	#7E3D3C
16.7%	16.7% #8C424E	RGB 140 66 78	#8C424E
33.3%	33.3% #9A4964	RGB 154 73 100	#9A4964
50.0%	50.0% #A8507D	RGB 168 80 125	#A8507D
66.7%	66.7% #B65799	RGB 182 87 153	#B65799
83.3%	83.3% #C45EB7	RGB 196 94 183	#C45EB7
100.0%	100.0% #CE65D3	RGB 206 101 211	#CE65D3

#7E3D3C #8C424E #9A4964 #A8507D #B65799 #C45EB7 #CE65D3

#7E3D3C - #A8507D - #CE65D3

CSS codes

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

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