#453B8F - #CAC7DF | 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 #453B8F to #CAC7DF

#453B8F #CAC7DF

Calculate the color between two colors, #453B8F and #CAC7DF. 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)

#453B8F - #CAC7DF | 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 #453B8F as 0% and #CAC7DF as 100%.

0.0%	0.0% #453B8F	RGB 69 59 143	#453B8F
16.7%	16.7% #5B529C	RGB 91 82 156	#5B529C
33.3%	33.3% #7169A9	RGB 113 105 169	#7169A9
50.0%	50.0% #8781B7	RGB 135 129 183	#8781B7
66.7%	66.7% #9D98C4	RGB 157 152 196	#9D98C4
83.3%	83.3% #B3AFD1	RGB 179 175 209	#B3AFD1
100.0%	100.0% #CAC7DF	RGB 202 199 223	#CAC7DF

#453B8F #5B529C #7169A9 #8781B7 #9D98C4 #B3AFD1 #CAC7DF

#453B8F - #CAC7DF

HSV Blend

#453B8F - #CAC7DF | 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 #453B8F as 0% and #CAC7DF as 100%.

0.0%	0.0% #453B8F	RGB 69 59 143	#453B8F
16.7%	16.7% #564D9C	RGB 86 77 156	#564D9C
33.3%	33.3% #6961A9	RGB 105 97 169	#6961A9
50.0%	50.0% #7F77B7	RGB 127 119 183	#7F77B7
66.7%	66.7% #968FC4	RGB 150 143 196	#968FC4
83.3%	83.3% #AFAAD1	RGB 175 170 209	#AFAAD1
100.0%	100.0% #CAC7DF	RGB 202 199 223	#CAC7DF

#453B8F #564D9C #6961A9 #7F77B7 #968FC4 #AFAAD1 #CAC7DF

#453B8F - #7F77B7 - #CAC7DF

CSS codes

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

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