#423C6B - #C8C7D4 | 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 #423C6B to #C8C7D4

#423C6B #C8C7D4

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

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

0.0%	0.0% #423C6B	RGB 66 60 107	#423C6B
16.7%	16.7% #58537C	RGB 88 83 124	#58537C
33.3%	33.3% #6E6A8E	RGB 110 106 142	#6E6A8E
50.0%	50.0% #85819F	RGB 133 129 159	#85819F
66.7%	66.7% #9B98B1	RGB 155 152 177	#9B98B1
83.3%	83.3% #B1AFC2	RGB 177 175 194	#B1AFC2
100.0%	100.0% #C8C7D4	RGB 200 199 212	#C8C7D4

#423C6B #58537C #6E6A8E #85819F #9B98B1 #B1AFC2 #C8C7D4

#423C6B - #C8C7D4

HSV Blend

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

0.0%	0.0% #423C6B	RGB 66 60 107	#423C6B
16.7%	16.7% #534D7C	RGB 83 77 124	#534D7C
33.3%	33.3% #66618E	RGB 102 97 142	#66618E
50.0%	50.0% #7B779F	RGB 123 119 159	#7B779F
66.7%	66.7% #928FB1	RGB 146 143 177	#928FB1
83.3%	83.3% #ACAAC2	RGB 172 170 194	#ACAAC2
100.0%	100.0% #C8C7D4	RGB 200 199 212	#C8C7D4

#423C6B #534D7C #66618E #7B779F #928FB1 #ACAAC2 #C8C7D4

#423C6B - #7B779F - #C8C7D4

CSS codes

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

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