#B5E4D1 - #F8DCFF | 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 #B5E4D1 a #F8DCFF

#B5E4D1 #F8DCFF

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

#B5E4D1 - #F8DCFF | 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 #B5E4D1 como 0% y #F8DCFF como 100%.

0.0%	0.0% #B5E4D1	RGB 181 228 209	#B5E4D1
16.7%	16.7% #C0E2D8	RGB 192 226 216	#C0E2D8
33.3%	33.3% #CBE1E0	RGB 203 225 224	#CBE1E0
50.0%	50.0% #D6E0E8	RGB 214 224 232	#D6E0E8
66.7%	66.7% #E1DEEF	RGB 225 222 239	#E1DEEF
83.3%	83.3% #ECDDF7	RGB 236 221 247	#ECDDF7
100.0%	100.0% #F8DCFF	RGB 248 220 255	#F8DCFF

#B5E4D1 #C0E2D8 #CBE1E0 #D6E0E8 #E1DEEF #ECDDF7 #F8DCFF

#B5E4D1 - #F8DCFF

Mezcla HSV

#B5E4D1 - #F8DCFF | 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 #B5E4D1 como 0% y #F8DCFF como 100%.

0.0%	0.0% #B5E4D1	RGB 181 228 209	#B5E4D1
16.7%	16.7% #BBE8E6	RGB 187 232 230	#BBE8E6
33.3%	33.3% #C1DEED	RGB 193 222 237	#C1DEED
50.0%	50.0% #C8D4F1	RGB 200 212 241	#C8D4F1
66.7%	66.7% #D1CEF6	RGB 209 206 246	#D1CEF6
83.3%	83.3% #E5D5FA	RGB 229 213 250	#E5D5FA
100.0%	100.0% #F8DCFF	RGB 248 220 255	#F8DCFF

#B5E4D1 #BBE8E6 #C1DEED #C8D4F1 #D1CEF6 #E5D5FA #F8DCFF

#B5E4D1 - #C8D4F1 - #F8DCFF

Códigos CSS

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

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