#B86C92 - #EAD5DF | 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 #B86C92 a #EAD5DF

#B86C92 #EAD5DF

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

#B86C92 - #EAD5DF | 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 #B86C92 como 0% y #EAD5DF como 100%.

0.0%	0.0% #B86C92	RGB 184 108 146	#B86C92
16.7%	16.7% #C07D9E	RGB 192 125 158	#C07D9E
33.3%	33.3% #C88FAB	RGB 200 143 171	#C88FAB
50.0%	50.0% #D1A0B8	RGB 209 160 184	#D1A0B8
66.7%	66.7% #D9B2C5	RGB 217 178 197	#D9B2C5
83.3%	83.3% #E1C3D2	RGB 225 195 210	#E1C3D2
100.0%	100.0% #EAD5DF	RGB 234 213 223	#EAD5DF

#B86C92 #C07D9E #C88FAB #D1A0B8 #D9B2C5 #E1C3D2 #EAD5DF

#B86C92 - #EAD5DF

Mezcla HSV

#B86C92 - #EAD5DF | 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 #B86C92 como 0% y #EAD5DF como 100%.

0.0%	0.0% #B86C91	RGB 184 108 145	#B86C91
16.7%	16.7% #C07B9D	RGB 192 123 157	#C07B9D
33.3%	33.3% #C88BA9	RGB 200 139 169	#C88BA9
50.0%	50.0% #D19CB6	RGB 209 156 182	#D19CB6
66.7%	66.7% #D9AEC3	RGB 217 174 195	#D9AEC3
83.3%	83.3% #E1C1D0	RGB 225 193 208	#E1C1D0
100.0%	100.0% #EAD5DF	RGB 234 213 223	#EAD5DF

#B86C91 #C07B9D #C88BA9 #D19CB6 #D9AEC3 #E1C1D0 #EAD5DF

#B86C92 - #D19CB6 - #EAD5DF

Códigos CSS

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

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