#B05D8F - #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 #B05D8F a #E8D0DF

#B05D8F #E8D0DF

Calcule el color entre dos colores, #B05D8F 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)

#B05D8F - #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 #B05D8F como 0% y #E8D0DF como 100%.

0.0%	0.0% #B05D8F	RGB 176 93 143	#B05D8F
16.7%	16.7% #B9709C	RGB 185 112 156	#B9709C
33.3%	33.3% #C283A9	RGB 194 131 169	#C283A9
50.0%	50.0% #CC96B7	RGB 204 150 183	#CC96B7
66.7%	66.7% #D5A9C4	RGB 213 169 196	#D5A9C4
83.3%	83.3% #DEBCD1	RGB 222 188 209	#DEBCD1
100.0%	100.0% #E8D0DF	RGB 232 208 223	#E8D0DF

#B05D8F #B9709C #C283A9 #CC96B7 #D5A9C4 #DEBCD1 #E8D0DF

#B05D8F - #E8D0DF

Mezcla HSV

#B05D8F - #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 #B05D8F como 0% y #E8D0DF como 100%.

0.0%	0.0% #B05D8F	RGB 176 93 143	#B05D8F
16.7%	16.7% #B96D9B	RGB 185 109 155	#B96D9B
33.3%	33.3% #C27EA8	RGB 194 126 168	#C27EA8
50.0%	50.0% #CC91B5	RGB 204 145 181	#CC91B5
66.7%	66.7% #D5A5C2	RGB 213 165 194	#D5A5C2
83.3%	83.3% #DEB9D0	RGB 222 185 208	#DEB9D0
100.0%	100.0% #E8D0DF	RGB 232 208 223	#E8D0DF

#B05D8F #B96D9B #C27EA8 #CC91B5 #D5A5C2 #DEB9D0 #E8D0DF

#B05D8F - #CC91B5 - #E8D0DF

Códigos CSS

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

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