#5159DF - #CDCFF5 | 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 #5159DF to #CDCFF5

#5159DF #CDCFF5

Calculate the color between two colors, #5159DF and #CDCFF5. 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)

#5159DF - #CDCFF5 | 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 #5159DF as 0% and #CDCFF5 as 100%.

0.0%	0.0% #5159DF	RGB 81 89 223	#5159DF
16.7%	16.7% #656CE2	RGB 101 108 226	#656CE2
33.3%	33.3% #7A80E6	RGB 122 128 230	#7A80E6
50.0%	50.0% #8F94EA	RGB 143 148 234	#8F94EA
66.7%	66.7% #A3A7ED	RGB 163 167 237	#A3A7ED
83.3%	83.3% #B8BBF1	RGB 184 187 241	#B8BBF1
100.0%	100.0% #CDCFF5	RGB 205 207 245	#CDCFF5

#5159DF #656CE2 #7A80E6 #8F94EA #A3A7ED #B8BBF1 #CDCFF5

#5159DF - #CDCFF5

HSV Blend

#5159DF - #CDCFF5 | 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 #5159DF as 0% and #CDCFF5 as 100%.

0.0%	0.0% #5159DF	RGB 81 89 223	#5159DF
16.7%	16.7% #646BE2	RGB 100 107 226	#646BE2
33.3%	33.3% #787EE6	RGB 120 126 230	#787EE6
50.0%	50.0% #8C91EA	RGB 140 145 234	#8C91EA
66.7%	66.7% #A1A5ED	RGB 161 165 237	#A1A5ED
83.3%	83.3% #B6B9F1	RGB 182 185 241	#B6B9F1
100.0%	100.0% #CDCFF5	RGB 205 207 245	#CDCFF5

#5159DF #646BE2 #787EE6 #8C91EA #A1A5ED #B6B9F1 #CDCFF5

#5159DF - #8C91EA - #CDCFF5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5159DF 0%, #8C91EA 50%, #CDCFF5 100%);
    background: -webkit-linear-gradient(top, #5159DF 0%, #8C91EA 50%, #CDCFF5 100%);
    background: linear-gradient(to bottom, #5159DF 0%, #8C91EA 50%, #CDCFF5 100%);
}
</style>