#B6B5B5 - #E5C1FE | 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 #B6B5B5 a #E5C1FE

#B6B5B5 #E5C1FE

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

#B6B5B5 - #E5C1FE | 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 #B6B5B5 como 0% y #E5C1FE como 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #BDB7C1	RGB 189 183 193	#BDB7C1
33.3%	33.3% #C5B9CD	RGB 197 185 205	#C5B9CD
50.0%	50.0% #CDBBD9	RGB 205 187 217	#CDBBD9
66.7%	66.7% #D5BDE5	RGB 213 189 229	#D5BDE5
83.3%	83.3% #DDBFF1	RGB 221 191 241	#DDBFF1
100.0%	100.0% #E5C1FE	RGB 229 193 254	#E5C1FE

#B6B5B5 #BDB7C1 #C5B9CD #CDBBD9 #D5BDE5 #DDBFF1 #E5C1FE

#B6B5B5 - #E5C1FE

Mezcla HSV

#B6B5B5 - #E5C1FE | 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 #B6B5B5 como 0% y #E5C1FE como 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #C2B9BB	RGB 194 185 187	#C2B9BB
33.3%	33.3% #CEBCC4	RGB 206 188 196	#CEBCC4
50.0%	50.0% #DABFD2	RGB 218 191 210	#DABFD2
66.7%	66.7% #E6C0E3	RGB 230 192 227	#E6C0E3
83.3%	83.3% #E9C1F2	RGB 233 193 242	#E9C1F2
100.0%	100.0% #E5C1FE	RGB 229 193 254	#E5C1FE

#B6B5B5 #C2B9BB #CEBCC4 #DABFD2 #E6C0E3 #E9C1F2 #E5C1FE

#B6B5B5 - #DABFD2 - #E5C1FE

Códigos CSS

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

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