#BEB5E1 - #C8E5E4 | 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 #BEB5E1 a #C8E5E4

#BEB5E1 #C8E5E4

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

#BEB5E1 - #C8E5E4 | 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 #BEB5E1 como 0% y #C8E5E4 como 100%.

0.0%	0.0% #BEB5E1	RGB 190 181 225	#BEB5E1
16.7%	16.7% #BFBDE1	RGB 191 189 225	#BFBDE1
33.3%	33.3% #C1C5E2	RGB 193 197 226	#C1C5E2
50.0%	50.0% #C3CDE2	RGB 195 205 226	#C3CDE2
66.7%	66.7% #C4D5E3	RGB 196 213 227	#C4D5E3
83.3%	83.3% #C6DDE3	RGB 198 221 227	#C6DDE3
100.0%	100.0% #C8E5E4	RGB 200 229 228	#C8E5E4

#BEB5E1 #BFBDE1 #C1C5E2 #C3CDE2 #C4D5E3 #C6DDE3 #C8E5E4

#BEB5E1 - #C8E5E4

Mezcla HSV

#BEB5E1 - #C8E5E4 | 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 #BEB5E1 como 0% y #C8E5E4 como 100%.

0.0%	0.0% #BEB5E1	RGB 190 181 225	#BEB5E1
16.7%	16.7% #B8B8E1	RGB 184 184 225	#B8B8E1
33.3%	33.3% #BBC3E2	RGB 187 195 226	#BBC3E2
50.0%	50.0% #BECDE3	RGB 190 205 227	#BECDE3
66.7%	66.7% #C1D6E3	RGB 193 214 227	#C1D6E3
83.3%	83.3% #C4DEE4	RGB 196 222 228	#C4DEE4
100.0%	100.0% #C8E5E4	RGB 200 229 228	#C8E5E4

#BEB5E1 #B8B8E1 #BBC3E2 #BECDE3 #C1D6E3 #C4DEE4 #C8E5E4

#BEB5E1 - #BECDE3 - #C8E5E4

Códigos CSS

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

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