#B5DCCF - #D5E3C9 | 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 #B5DCCF a #D5E3C9

#B5DCCF #D5E3C9

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

#B5DCCF - #D5E3C9 | 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 #B5DCCF como 0% y #D5E3C9 como 100%.

0.0%	0.0% #B5DCCF	RGB 181 220 207	#B5DCCF
16.7%	16.7% #BADDCE	RGB 186 221 206	#BADDCE
33.3%	33.3% #BFDECD	RGB 191 222 205	#BFDECD
50.0%	50.0% #C5DFCC	RGB 197 223 204	#C5DFCC
66.7%	66.7% #CAE0CB	RGB 202 224 203	#CAE0CB
83.3%	83.3% #CFE1CA	RGB 207 225 202	#CFE1CA
100.0%	100.0% #D5E3C9	RGB 213 227 201	#D5E3C9

#B5DCCF #BADDCE #BFDECD #C5DFCC #CAE0CB #CFE1CA #D5E3C9

#B5DCCF - #D5E3C9

Mezcla HSV

#B5DCCF - #D5E3C9 | 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 #B5DCCF como 0% y #D5E3C9 como 100%.

0.0%	0.0% #B5DCCF	RGB 181 220 207	#B5DCCF
16.7%	16.7% #B8DDC9	RGB 184 221 201	#B8DDC9
33.3%	33.3% #BBDEC5	RGB 187 222 197	#BBDEC5
50.0%	50.0% #BEDFC2	RGB 190 223 194	#BEDFC2
66.7%	66.7% #C4E0C2	RGB 196 224 194	#C4E0C2
83.3%	83.3% #CDE1C5	RGB 205 225 197	#CDE1C5
100.0%	100.0% #D5E3C9	RGB 213 227 201	#D5E3C9

#B5DCCF #B8DDC9 #BBDEC5 #BEDFC2 #C4E0C2 #CDE1C5 #D5E3C9

#B5DCCF - #BEDFC2 - #D5E3C9

Códigos CSS

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

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