#BDADE5 - #C7E5E2 | 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 #BDADE5 a #C7E5E2

#BDADE5 #C7E5E2

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

#BDADE5 - #C7E5E2 | 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 #BDADE5 como 0% y #C7E5E2 como 100%.

0.0%	0.0% #BDADE5	RGB 189 173 229	#BDADE5
16.7%	16.7% #BEB6E4	RGB 190 182 228	#BEB6E4
33.3%	33.3% #C0BFE4	RGB 192 191 228	#C0BFE4
50.0%	50.0% #C2C9E3	RGB 194 201 227	#C2C9E3
66.7%	66.7% #C3D2E3	RGB 195 210 227	#C3D2E3
83.3%	83.3% #C5DBE2	RGB 197 219 226	#C5DBE2
100.0%	100.0% #C7E5E2	RGB 199 229 226	#C7E5E2

#BDADE5 #BEB6E4 #C0BFE4 #C2C9E3 #C3D2E3 #C5DBE2 #C7E5E2

#BDADE5 - #C7E5E2

Mezcla HSV

#BDADE5 - #C7E5E2 | 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 #BDADE5 como 0% y #C7E5E2 como 100%.

0.0%	0.0% #BCADE5	RGB 188 173 229	#BCADE5
16.7%	16.7% #B4B1E5	RGB 180 177 229	#B4B1E5
33.3%	33.3% #B5BEE5	RGB 181 190 229	#B5BEE5
50.0%	50.0% #BACBE5	RGB 186 203 229	#BACBE5
66.7%	66.7% #BED7E5	RGB 190 215 229	#BED7E5
83.3%	83.3% #C2E0E5	RGB 194 224 229	#C2E0E5
100.0%	100.0% #C7E5E2	RGB 199 229 226	#C7E5E2

#BCADE5 #B4B1E5 #B5BEE5 #BACBE5 #BED7E5 #C2E0E5 #C7E5E2

#BDADE5 - #BACBE5 - #C7E5E2

Códigos CSS

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

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