#BDBDD6 - #DADDD6 | 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 #BDBDD6 a #DADDD6

#BDBDD6 #DADDD6

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

#BDBDD6 - #DADDD6 | 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 #BDBDD6 como 0% y #DADDD6 como 100%.

0.0%	0.0% #BDBDD6	RGB 189 189 214	#BDBDD6
16.7%	16.7% #C1C2D6	RGB 193 194 214	#C1C2D6
33.3%	33.3% #C6C7D6	RGB 198 199 214	#C6C7D6
50.0%	50.0% #CBCDD6	RGB 203 205 214	#CBCDD6
66.7%	66.7% #D0D2D6	RGB 208 210 214	#D0D2D6
83.3%	83.3% #D5D7D6	RGB 213 215 214	#D5D7D6
100.0%	100.0% #DADDD6	RGB 218 221 214	#DADDD6

#BDBDD6 #C1C2D6 #C6C7D6 #CBCDD6 #D0D2D6 #D5D7D6 #DADDD6

#BDBDD6 - #DADDD6

Mezcla HSV

#BDBDD6 - #DADDD6 | 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 #BDBDD6 como 0% y #DADDD6 como 100%.

0.0%	0.0% #BDBDD6	RGB 189 189 214	#BDBDD6
16.7%	16.7% #C1CAD7	RGB 193 202 215	#C1CAD7
33.3%	33.3% #C5D5D8	RGB 197 213 216	#C5D5D8
50.0%	50.0% #C9D9D4	RGB 201 217 212	#C9D9D4
66.7%	66.7% #CDDAD1	RGB 205 218 209	#CDDAD1
83.3%	83.3% #D3DBD1	RGB 211 219 209	#D3DBD1
100.0%	100.0% #DADDD6	RGB 218 221 214	#DADDD6

#BDBDD6 #C1CAD7 #C5D5D8 #C9D9D4 #CDDAD1 #D3DBD1 #DADDD6

#BDBDD6 - #C9D9D4 - #DADDD6

Códigos CSS

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

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