#C6B6BA - #FFE8CB | 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 #C6B6BA a #FFE8CB

#C6B6BA #FFE8CB

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

#C6B6BA - #FFE8CB | 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 #C6B6BA como 0% y #FFE8CB como 100%.

0.0%	0.0% #C6B6BA	RGB 198 182 186	#C6B6BA
16.7%	16.7% #CFBEBC	RGB 207 190 188	#CFBEBC
33.3%	33.3% #D9C6BF	RGB 217 198 191	#D9C6BF
50.0%	50.0% #E2CFC2	RGB 226 207 194	#E2CFC2
66.7%	66.7% #ECD7C5	RGB 236 215 197	#ECD7C5
83.3%	83.3% #F5DFC8	RGB 245 223 200	#F5DFC8
100.0%	100.0% #FFE8CB	RGB 255 232 203	#FFE8CB

#C6B6BA #CFBEBC #D9C6BF #E2CFC2 #ECD7C5 #F5DFC8 #FFE8CB

#C6B6BA - #FFE8CB

Mezcla HSV

#C6B6BA - #FFE8CB | 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 #C6B6BA como 0% y #FFE8CB como 100%.

0.0%	0.0% #C6B6BA	RGB 198 182 186	#C6B6BA
16.7%	16.7% #CFBABC	RGB 207 186 188	#CFBABC
33.3%	33.3% #D9BFBE	RGB 217 191 190	#D9BFBE
50.0%	50.0% #E2C7C2	RGB 226 199 194	#E2C7C2
66.7%	66.7% #ECD0C5	RGB 236 208 197	#ECD0C5
83.3%	83.3% #F5DBC8	RGB 245 219 200	#F5DBC8
100.0%	100.0% #FFE8CB	RGB 255 232 203	#FFE8CB

#C6B6BA #CFBABC #D9BFBE #E2C7C2 #ECD0C5 #F5DBC8 #FFE8CB

#C6B6BA - #E2C7C2 - #FFE8CB

Códigos CSS

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

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