#7C7C99 - #C8B7AB | 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 #7C7C99 to #C8B7AB

#7C7C99 #C8B7AB

Calculate the color between two colors, #7C7C99 and #C8B7AB. 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)

#7C7C99 - #C8B7AB | 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 #7C7C99 as 0% and #C8B7AB as 100%.

0.0%	0.0% #7C7C99	RGB 124 124 153	#7C7C99
16.7%	16.7% #88859C	RGB 136 133 156	#88859C
33.3%	33.3% #958F9F	RGB 149 143 159	#958F9F
50.0%	50.0% #A299A2	RGB 162 153 162	#A299A2
66.7%	66.7% #AEA3A5	RGB 174 163 165	#AEA3A5
83.3%	83.3% #BBADA8	RGB 187 173 168	#BBADA8
100.0%	100.0% #C8B7AB	RGB 200 183 171	#C8B7AB

#7C7C99 #88859C #958F9F #A299A2 #AEA3A5 #BBADA8 #C8B7AB

#7C7C99 - #C8B7AB

HSV Blend

#7C7C99 - #C8B7AB | 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 #7C7C99 as 0% and #C8B7AB as 100%.

0.0%	0.0% #7C7C99	RGB 124 124 153	#7C7C99
16.7%	16.7% #8F83A0	RGB 143 131 160	#8F83A0
33.3%	33.3% #A28BA8	RGB 162 139 168	#A28BA8
50.0%	50.0% #B092AA	RGB 176 146 170	#B092AA
66.7%	66.7% #B89AA6	RGB 184 154 166	#B89AA6
83.3%	83.3% #C0A3A2	RGB 192 163 162	#C0A3A2
100.0%	100.0% #C8B7AB	RGB 200 183 171	#C8B7AB

#7C7C99 #8F83A0 #A28BA8 #B092AA #B89AA6 #C0A3A2 #C8B7AB

#7C7C99 - #B092AA - #C8B7AB

CSS codes

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

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