#C7C2FC - #695ACA | 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 #C7C2FC to #695ACA

#C7C2FC #695ACA

Calculate the color between two colors, #C7C2FC and #695ACA. 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)

#C7C2FC - #695ACA | 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 #C7C2FC as 0% and #695ACA as 100%.

0.0%	0.0% #C7C2FC	RGB 199 194 252	#C7C2FC
16.7%	16.7% #B7B0F3	RGB 183 176 243	#B7B0F3
33.3%	33.3% #A79FEB	RGB 167 159 235	#A79FEB
50.0%	50.0% #988EE3	RGB 152 142 227	#988EE3
66.7%	66.7% #887CDA	RGB 136 124 218	#887CDA
83.3%	83.3% #786BD2	RGB 120 107 210	#786BD2
100.0%	100.0% #695ACA	RGB 105 90 202	#695ACA

#C7C2FC #B7B0F3 #A79FEB #988EE3 #887CDA #786BD2 #695ACA

#C7C2FC - #695ACA

HSV Blend

#C7C2FC - #695ACA | 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 #C7C2FC as 0% and #695ACA as 100%.

0.0%	0.0% #C7C2FC	RGB 199 194 252	#C7C2FC
16.7%	16.7% #B4AEF3	RGB 180 174 243	#B4AEF3
33.3%	33.3% #A39BEB	RGB 163 155 235	#A39BEB
50.0%	50.0% #9389E3	RGB 147 137 227	#9389E3
66.7%	66.7% #8479DA	RGB 132 121 218	#8479DA
83.3%	83.3% #7669D2	RGB 118 105 210	#7669D2
100.0%	100.0% #695ACA	RGB 105 90 202	#695ACA

#C7C2FC #B4AEF3 #A39BEB #9389E3 #8479DA #7669D2 #695ACA

#C7C2FC - #9389E3 - #695ACA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C2FC 0%, #9389E3 50%, #695ACA 100%);
    background: -webkit-linear-gradient(top, #C7C2FC 0%, #9389E3 50%, #695ACA 100%);
    background: linear-gradient(to bottom, #C7C2FC 0%, #9389E3 50%, #695ACA 100%);
}
</style>