#7368B6 - #EFB8C5 | 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 #7368B6 to #EFB8C5

#7368B6 #EFB8C5

Calculate the color between two colors, #7368B6 and #EFB8C5. 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)

#7368B6 - #EFB8C5 | 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 #7368B6 as 0% and #EFB8C5 as 100%.

0.0%	0.0% #7368B6	RGB 115 104 182	#7368B6
16.7%	16.7% #8775B8	RGB 135 117 184	#8775B8
33.3%	33.3% #9C82BB	RGB 156 130 187	#9C82BB
50.0%	50.0% #B190BD	RGB 177 144 189	#B190BD
66.7%	66.7% #C59DC0	RGB 197 157 192	#C59DC0
83.3%	83.3% #DAAAC2	RGB 218 170 194	#DAAAC2
100.0%	100.0% #EFB8C5	RGB 239 184 197	#EFB8C5

#7368B6 #8775B8 #9C82BB #B190BD #C59DC0 #DAAAC2 #EFB8C5

#7368B6 - #EFB8C5

HSV Blend

#7368B6 - #EFB8C5 | 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 #7368B6 as 0% and #EFB8C5 as 100%.

0.0%	0.0% #7368B6	RGB 115 104 182	#7368B6
16.7%	16.7% #9273BF	RGB 146 115 191	#9273BF
33.3%	33.3% #B180C9	RGB 177 128 201	#B180C9
50.0%	50.0% #CF8DD2	RGB 207 141 210	#CF8DD2
66.7%	66.7% #DC9ACD	RGB 220 154 205	#DC9ACD
83.3%	83.3% #E5A9C7	RGB 229 169 199	#E5A9C7
100.0%	100.0% #EFB8C5	RGB 239 184 197	#EFB8C5

#7368B6 #9273BF #B180C9 #CF8DD2 #DC9ACD #E5A9C7 #EFB8C5

#7368B6 - #CF8DD2 - #EFB8C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7368B6 0%, #CF8DD2 50%, #EFB8C5 100%);
    background: -webkit-linear-gradient(top, #7368B6 0%, #CF8DD2 50%, #EFB8C5 100%);
    background: linear-gradient(to bottom, #7368B6 0%, #CF8DD2 50%, #EFB8C5 100%);
}
</style>