#B5E4E3 - #FBDBFF | 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 #B5E4E3 a #FBDBFF

#B5E4E3 #FBDBFF

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

#B5E4E3 - #FBDBFF | 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 #B5E4E3 como 0% y #FBDBFF como 100%.

0.0%	0.0% #B5E4E3	RGB 181 228 227	#B5E4E3
16.7%	16.7% #C0E2E7	RGB 192 226 231	#C0E2E7
33.3%	33.3% #CCE1EC	RGB 204 225 236	#CCE1EC
50.0%	50.0% #D8DFF1	RGB 216 223 241	#D8DFF1
66.7%	66.7% #E3DEF5	RGB 227 222 245	#E3DEF5
83.3%	83.3% #EFDCFA	RGB 239 220 250	#EFDCFA
100.0%	100.0% #FBDBFF	RGB 251 219 255	#FBDBFF

#B5E4E3 #C0E2E7 #CCE1EC #D8DFF1 #E3DEF5 #EFDCFA #FBDBFF

#B5E4E3 - #FBDBFF

Mezcla HSV

#B5E4E3 - #FBDBFF | 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 #B5E4E3 como 0% y #FBDBFF como 100%.

0.0%	0.0% #B5E4E3	RGB 181 228 227	#B5E4E3
16.7%	16.7% #BBDBE8	RGB 187 219 232	#BBDBE8
33.3%	33.3% #C1D2ED	RGB 193 210 237	#C1D2ED
50.0%	50.0% #C7CAF1	RGB 199 202 241	#C7CAF1
66.7%	66.7% #D8CDF6	RGB 216 205 246	#D8CDF6
83.3%	83.3% #EAD4FA	RGB 234 212 250	#EAD4FA
100.0%	100.0% #FBDBFF	RGB 251 219 255	#FBDBFF

#B5E4E3 #BBDBE8 #C1D2ED #C7CAF1 #D8CDF6 #EAD4FA #FBDBFF

#B5E4E3 - #C7CAF1 - #FBDBFF

Códigos CSS

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

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