#FF6BDF - #FFD4F5 | 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 #FF6BDF to #FFD4F5

#FF6BDF #FFD4F5

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

#FF6BDF - #FFD4F5 | 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 #FF6BDF as 0% and #FFD4F5 as 100%.

0.0%	0.0% #FF6BDF	RGB 255 107 223	#FF6BDF
16.7%	16.7% #FF7CE2	RGB 255 124 226	#FF7CE2
33.3%	33.3% #FF8EE6	RGB 255 142 230	#FF8EE6
50.0%	50.0% #FF9FEA	RGB 255 159 234	#FF9FEA
66.7%	66.7% #FFB1ED	RGB 255 177 237	#FFB1ED
83.3%	83.3% #FFC2F1	RGB 255 194 241	#FFC2F1
100.0%	100.0% #FFD4F5	RGB 255 212 245	#FFD4F5

#FF6BDF #FF7CE2 #FF8EE6 #FF9FEA #FFB1ED #FFC2F1 #FFD4F5

#FF6BDF - #FFD4F5

HSV Blend

#FF6BDF - #FFD4F5 | 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 #FF6BDF as 0% and #FFD4F5 as 100%.

0.0%	0.0% #FF6BDF	RGB 255 107 223	#FF6BDF
16.7%	16.7% #FF7CE2	RGB 255 124 226	#FF7CE2
33.3%	33.3% #FF8EE5	RGB 255 142 229	#FF8EE5
50.0%	50.0% #FF9FE9	RGB 255 159 233	#FF9FE9
66.7%	66.7% #FFB1ED	RGB 255 177 237	#FFB1ED
83.3%	83.3% #FFC2F1	RGB 255 194 241	#FFC2F1
100.0%	100.0% #FFD4F5	RGB 255 212 245	#FFD4F5

#FF6BDF #FF7CE2 #FF8EE5 #FF9FE9 #FFB1ED #FFC2F1 #FFD4F5

#FF6BDF - #FF9FE9 - #FFD4F5

CSS codes

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

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