#CCAAEA - #3A3042 | 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 #CCAAEA to #3A3042

#CCAAEA #3A3042

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

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

0.0%	0.0% #CCAAEA	RGB 204 170 234	#CCAAEA
16.7%	16.7% #B395CE	RGB 179 149 206	#B395CE
33.3%	33.3% #9B81B2	RGB 155 129 178	#9B81B2
50.0%	50.0% #836D96	RGB 131 109 150	#836D96
66.7%	66.7% #6A587A	RGB 106 88 122	#6A587A
83.3%	83.3% #52445E	RGB 82 68 94	#52445E
100.0%	100.0% #3A3042	RGB 58 48 66	#3A3042

#CCAAEA #B395CE #9B81B2 #836D96 #6A587A #52445E #3A3042

#CCAAEA - #3A3042

HSV Blend

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

0.0%	0.0% #CCAAEA	RGB 204 170 234	#CCAAEA
16.7%	16.7% #B395CE	RGB 179 149 206	#B395CE
33.3%	33.3% #9B81B2	RGB 155 129 178	#9B81B2
50.0%	50.0% #836D96	RGB 131 109 150	#836D96
66.7%	66.7% #6A587A	RGB 106 88 122	#6A587A
83.3%	83.3% #52445E	RGB 82 68 94	#52445E
100.0%	100.0% #3A3042	RGB 58 48 66	#3A3042

#CCAAEA #B395CE #9B81B2 #836D96 #6A587A #52445E #3A3042

#CCAAEA - #836D96 - #3A3042

CSS codes

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

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