#B88D8D - #EADEDE | 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 #B88D8D a #EADEDE

#B88D8D #EADEDE

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

#B88D8D - #EADEDE | 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 #B88D8D como 0% y #EADEDE como 100%.

0.0%	0.0% #B88D8D	RGB 184 141 141	#B88D8D
16.7%	16.7% #C09A9A	RGB 192 154 154	#C09A9A
33.3%	33.3% #C8A8A8	RGB 200 168 168	#C8A8A8
50.0%	50.0% #D1B5B5	RGB 209 181 181	#D1B5B5
66.7%	66.7% #D9C3C3	RGB 217 195 195	#D9C3C3
83.3%	83.3% #E1D0D0	RGB 225 208 208	#E1D0D0
100.0%	100.0% #EADEDE	RGB 234 222 222	#EADEDE

#B88D8D #C09A9A #C8A8A8 #D1B5B5 #D9C3C3 #E1D0D0 #EADEDE

#B88D8D - #EADEDE

Mezcla HSV

#B88D8D - #EADEDE | 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 #B88D8D como 0% y #EADEDE como 100%.

0.0%	0.0% #B88D8D	RGB 184 141 141	#B88D8D
16.7%	16.7% #C09999	RGB 192 153 153	#C09999
33.3%	33.3% #C8A5A5	RGB 200 165 165	#C8A5A5
50.0%	50.0% #D1B3B3	RGB 209 179 179	#D1B3B3
66.7%	66.7% #D9C0C0	RGB 217 192 192	#D9C0C0
83.3%	83.3% #E1CFCF	RGB 225 207 207	#E1CFCF
100.0%	100.0% #EADEDE	RGB 234 222 222	#EADEDE

#B88D8D #C09999 #C8A5A5 #D1B3B3 #D9C0C0 #E1CFCF #EADEDE

#B88D8D - #D1B3B3 - #EADEDE

Códigos CSS

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

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