#B6AFB4 - #E7C6EA | 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 #B6AFB4 a #E7C6EA

#B6AFB4 #E7C6EA

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

#B6AFB4 - #E7C6EA | 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 #B6AFB4 como 0% y #E7C6EA como 100%.

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #BEB2BD	RGB 190 178 189	#BEB2BD
33.3%	33.3% #C6B6C6	RGB 198 182 198	#C6B6C6
50.0%	50.0% #CEBACF	RGB 206 186 207	#CEBACF
66.7%	66.7% #D6BED8	RGB 214 190 216	#D6BED8
83.3%	83.3% #DEC2E1	RGB 222 194 225	#DEC2E1
100.0%	100.0% #E7C6EA	RGB 231 198 234	#E7C6EA

#B6AFB4 #BEB2BD #C6B6C6 #CEBACF #D6BED8 #DEC2E1 #E7C6EA

#B6AFB4 - #E7C6EA

Mezcla HSV

#B6AFB4 - #E7C6EA | 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 #B6AFB4 como 0% y #E7C6EA como 100%.

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #BEB3BC	RGB 190 179 188	#BEB3BC
33.3%	33.3% #C7B8C4	RGB 199 184 196	#C7B8C4
50.0%	50.0% #D0BCCD	RGB 208 188 205	#D0BCCD
66.7%	66.7% #D8BFD7	RGB 216 191 215	#D8BFD7
83.3%	83.3% #E0C3E1	RGB 224 195 225	#E0C3E1
100.0%	100.0% #E7C6EA	RGB 231 198 234	#E7C6EA

#B6AFB4 #BEB3BC #C7B8C4 #D0BCCD #D8BFD7 #E0C3E1 #E7C6EA

#B6AFB4 - #D0BCCD - #E7C6EA

Códigos CSS

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

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