#B05C91 - #E8D0DF | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #B05C91 a #E8D0DF

#B05C91 #E8D0DF

Calcule el color entre dos colores, #B05C91 y #E8D0DF. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#B05C91 - #E8D0DF | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #B05C91 como 0% y #E8D0DF como 100%.

0.0%	0.0% #B05C91	RGB 176 92 145	#B05C91
16.7%	16.7% #B96F9E	RGB 185 111 158	#B96F9E
33.3%	33.3% #C282AB	RGB 194 130 171	#C282AB
50.0%	50.0% #CC96B8	RGB 204 150 184	#CC96B8
66.7%	66.7% #D5A9C5	RGB 213 169 197	#D5A9C5
83.3%	83.3% #DEBCD2	RGB 222 188 210	#DEBCD2
100.0%	100.0% #E8D0DF	RGB 232 208 223	#E8D0DF

#B05C91 #B96F9E #C282AB #CC96B8 #D5A9C5 #DEBCD2 #E8D0DF

#B05C91 - #E8D0DF

Mezcla HSV

#B05C91 - #E8D0DF | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #B05C91 como 0% y #E8D0DF como 100%.

0.0%	0.0% #B05C91	RGB 176 92 145	#B05C91
16.7%	16.7% #B96C9C	RGB 185 108 156	#B96C9C
33.3%	33.3% #C27EA9	RGB 194 126 169	#C27EA9
50.0%	50.0% #CC90B5	RGB 204 144 181	#CC90B5
66.7%	66.7% #D5A4C3	RGB 213 164 195	#D5A4C3
83.3%	83.3% #DEB9D0	RGB 222 185 208	#DEB9D0
100.0%	100.0% #E8D0DF	RGB 232 208 223	#E8D0DF

#B05C91 #B96C9C #C27EA9 #CC90B5 #D5A4C3 #DEB9D0 #E8D0DF

#B05C91 - #CC90B5 - #E8D0DF

Códigos CSS

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

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