#BBCADB - #E3E2DE | 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 #BBCADB a #E3E2DE

#BBCADB #E3E2DE

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

#BBCADB - #E3E2DE | 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 #BBCADB como 0% y #E3E2DE como 100%.

0.0%	0.0% #BBCADB	RGB 187 202 219	#BBCADB
16.7%	16.7% #C1CEDB	RGB 193 206 219	#C1CEDB
33.3%	33.3% #C8D2DC	RGB 200 210 220	#C8D2DC
50.0%	50.0% #CFD6DC	RGB 207 214 220	#CFD6DC
66.7%	66.7% #D5DADD	RGB 213 218 221	#D5DADD
83.3%	83.3% #DCDEDD	RGB 220 222 221	#DCDEDD
100.0%	100.0% #E3E2DE	RGB 227 226 222	#E3E2DE

#BBCADB #C1CEDB #C8D2DC #CFD6DC #D5DADD #DCDEDD #E3E2DE

#BBCADB - #E3E2DE

Mezcla HSV

#BBCADB - #E3E2DE | 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 #BBCADB como 0% y #E3E2DE como 100%.

0.0%	0.0% #BBCADB	RGB 187 202 219	#BBCADB
16.7%	16.7% #C0DADC	RGB 192 218 220	#C0DADC
33.3%	33.3% #C6DDD4	RGB 198 221 212	#C6DDD4
50.0%	50.0% #CCDFCF	RGB 204 223 207	#CCDFCF
66.7%	66.7% #D6E0D2	RGB 214 224 210	#D6E0D2
83.3%	83.3% #DFE1D8	RGB 223 225 216	#DFE1D8
100.0%	100.0% #E3E2DE	RGB 227 226 222	#E3E2DE

#BBCADB #C0DADC #C6DDD4 #CCDFCF #D6E0D2 #DFE1D8 #E3E2DE

#BBCADB - #CCDFCF - #E3E2DE

Códigos CSS

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

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