#B05D9A - #E8D0E2 | 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 #B05D9A a #E8D0E2

#B05D9A #E8D0E2

Calcule el color entre dos colores, #B05D9A y #E8D0E2. 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)

#B05D9A - #E8D0E2 | 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 #B05D9A como 0% y #E8D0E2 como 100%.

0.0%	0.0% #B05D9A	RGB 176 93 154	#B05D9A
16.7%	16.7% #B970A6	RGB 185 112 166	#B970A6
33.3%	33.3% #C283B2	RGB 194 131 178	#C283B2
50.0%	50.0% #CC96BE	RGB 204 150 190	#CC96BE
66.7%	66.7% #D5A9CA	RGB 213 169 202	#D5A9CA
83.3%	83.3% #DEBCD6	RGB 222 188 214	#DEBCD6
100.0%	100.0% #E8D0E2	RGB 232 208 226	#E8D0E2

#B05D9A #B970A6 #C283B2 #CC96BE #D5A9CA #DEBCD6 #E8D0E2

#B05D9A - #E8D0E2

Mezcla HSV

#B05D9A - #E8D0E2 | 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 #B05D9A como 0% y #E8D0E2 como 100%.

0.0%	0.0% #B05D9A	RGB 176 93 154	#B05D9A
16.7%	16.7% #B96DA5	RGB 185 109 165	#B96DA5
33.3%	33.3% #C27EB1	RGB 194 126 177	#C27EB1
50.0%	50.0% #CC91BC	RGB 204 145 188	#CC91BC
66.7%	66.7% #D5A5C9	RGB 213 165 201	#D5A5C9
83.3%	83.3% #DEB9D5	RGB 222 185 213	#DEB9D5
100.0%	100.0% #E8D0E2	RGB 232 208 226	#E8D0E2

#B05D9A #B96DA5 #C27EB1 #CC91BC #D5A5C9 #DEB9D5 #E8D0E2

#B05D9A - #CC91BC - #E8D0E2

Códigos CSS

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

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