#423C5E - #CB867D | 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 #423C5E to #CB867D

#423C5E #CB867D

Calculate the color between two colors, #423C5E and #CB867D. 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)

#423C5E - #CB867D | 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 #423C5E as 0% and #CB867D as 100%.

0.0%	0.0% #423C5E	RGB 66 60 94	#423C5E
16.7%	16.7% #584863	RGB 88 72 99	#584863
33.3%	33.3% #6F5468	RGB 111 84 104	#6F5468
50.0%	50.0% #86616D	RGB 134 97 109	#86616D
66.7%	66.7% #9D6D72	RGB 157 109 114	#9D6D72
83.3%	83.3% #B47977	RGB 180 121 119	#B47977
100.0%	100.0% #CB867D	RGB 203 134 125	#CB867D

#423C5E #584863 #6F5468 #86616D #9D6D72 #B47977 #CB867D

#423C5E - #CB867D

HSV Blend

#423C5E - #CB867D | 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 #423C5E as 0% and #CB867D as 100%.

0.0%	0.0% #423C5E	RGB 66 60 94	#423C5E
16.7%	16.7% #5B4770	RGB 91 71 112	#5B4770
33.3%	33.3% #795282	RGB 121 82 130	#795282
50.0%	50.0% #945D8C	RGB 148 93 140	#945D8C
66.7%	66.7% #A66789	RGB 166 103 137	#A66789
83.3%	83.3% #B87281	RGB 184 114 129	#B87281
100.0%	100.0% #CB867D	RGB 203 134 125	#CB867D

#423C5E #5B4770 #795282 #945D8C #A66789 #B87281 #CB867D

#423C5E - #945D8C - #CB867D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #423C5E 0%, #945D8C 50%, #CB867D 100%);
    background: -webkit-linear-gradient(top, #423C5E 0%, #945D8C 50%, #CB867D 100%);
    background: linear-gradient(to bottom, #423C5E 0%, #945D8C 50%, #CB867D 100%);
}
</style>