#B268AF - #ABC3DB | 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 #B268AF to #ABC3DB

#B268AF #ABC3DB

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

#B268AF - #ABC3DB | 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 #B268AF as 0% and #ABC3DB as 100%.

0.0%	0.0% #B268AF	RGB 178 104 175	#B268AF
16.7%	16.7% #B077B6	RGB 176 119 182	#B077B6
33.3%	33.3% #AF86BD	RGB 175 134 189	#AF86BD
50.0%	50.0% #AE95C5	RGB 174 149 197	#AE95C5
66.7%	66.7% #ADA4CC	RGB 173 164 204	#ADA4CC
83.3%	83.3% #ACB3D3	RGB 172 179 211	#ACB3D3
100.0%	100.0% #ABC3DB	RGB 171 195 219	#ABC3DB

#B268AF #B077B6 #AF86BD #AE95C5 #ADA4CC #ACB3D3 #ABC3DB

#B268AF - #ABC3DB

HSV Blend

#B268AF - #ABC3DB | 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 #B268AF as 0% and #ABC3DB as 100%.

0.0%	0.0% #B268AF	RGB 178 104 175	#B268AF
16.7%	16.7% #A972B8	RGB 169 114 184	#A972B8
33.3%	33.3% #9F7CBF	RGB 159 124 191	#9F7CBF
50.0%	50.0% #9887C6	RGB 152 135 198	#9887C6
66.7%	66.7% #9392CD	RGB 147 146 205	#9392CD
83.3%	83.3% #9EABD4	RGB 158 171 212	#9EABD4
100.0%	100.0% #ABC3DB	RGB 171 195 219	#ABC3DB

#B268AF #A972B8 #9F7CBF #9887C6 #9392CD #9EABD4 #ABC3DB

#B268AF - #9887C6 - #ABC3DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B268AF 0%, #9887C6 50%, #ABC3DB 100%);
    background: -webkit-linear-gradient(top, #B268AF 0%, #9887C6 50%, #ABC3DB 100%);
    background: linear-gradient(to bottom, #B268AF 0%, #9887C6 50%, #ABC3DB 100%);
}
</style>