#7A6EB6 - #F5BCC2 | 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 #7A6EB6 to #F5BCC2

#7A6EB6 #F5BCC2

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

#7A6EB6 - #F5BCC2 | 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 #7A6EB6 as 0% and #F5BCC2 as 100%.

0.0%	0.0% #7A6EB6	RGB 122 110 182	#7A6EB6
16.7%	16.7% #8E7BB8	RGB 142 123 184	#8E7BB8
33.3%	33.3% #A388BA	RGB 163 136 186	#A388BA
50.0%	50.0% #B795BC	RGB 183 149 188	#B795BC
66.7%	66.7% #CCA2BE	RGB 204 162 190	#CCA2BE
83.3%	83.3% #E0AFC0	RGB 224 175 192	#E0AFC0
100.0%	100.0% #F5BCC2	RGB 245 188 194	#F5BCC2

#7A6EB6 #8E7BB8 #A388BA #B795BC #CCA2BE #E0AFC0 #F5BCC2

#7A6EB6 - #F5BCC2

HSV Blend

#7A6EB6 - #F5BCC2 | 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 #7A6EB6 as 0% and #F5BCC2 as 100%.

0.0%	0.0% #796EB6	RGB 121 110 182	#796EB6
16.7%	16.7% #9979C0	RGB 153 121 192	#9979C0
33.3%	33.3% #B985CB	RGB 185 133 203	#B985CB
50.0%	50.0% #D592D3	RGB 213 146 211	#D592D3
66.7%	66.7% #E09FCB	RGB 224 159 203	#E09FCB
83.3%	83.3% #EAADC5	RGB 234 173 197	#EAADC5
100.0%	100.0% #F5BCC2	RGB 245 188 194	#F5BCC2

#796EB6 #9979C0 #B985CB #D592D3 #E09FCB #EAADC5 #F5BCC2

#7A6EB6 - #D592D3 - #F5BCC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #796EB6 0%, #D592D3 50%, #F5BCC2 100%);
    background: -webkit-linear-gradient(top, #796EB6 0%, #D592D3 50%, #F5BCC2 100%);
    background: linear-gradient(to bottom, #796EB6 0%, #D592D3 50%, #F5BCC2 100%);
}
</style>