#BEA8C2 - #CCD8C7 | 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 #BEA8C2 a #CCD8C7

#BEA8C2 #CCD8C7

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

#BEA8C2 - #CCD8C7 | 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 #BEA8C2 como 0% y #CCD8C7 como 100%.

0.0%	0.0% #BEA8C2	RGB 190 168 194	#BEA8C2
16.7%	16.7% #C0B0C2	RGB 192 176 194	#C0B0C2
33.3%	33.3% #C2B8C3	RGB 194 184 195	#C2B8C3
50.0%	50.0% #C5C0C4	RGB 197 192 196	#C5C0C4
66.7%	66.7% #C7C8C5	RGB 199 200 197	#C7C8C5
83.3%	83.3% #C9D0C6	RGB 201 208 198	#C9D0C6
100.0%	100.0% #CCD8C7	RGB 204 216 199	#CCD8C7

#BEA8C2 #C0B0C2 #C2B8C3 #C5C0C4 #C7C8C5 #C9D0C6 #CCD8C7

#BEA8C2 - #CCD8C7

Mezcla HSV

#BEA8C2 - #CCD8C7 | 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 #BEA8C2 como 0% y #CCD8C7 como 100%.

0.0%	0.0% #BEA8C2	RGB 190 168 194	#BEA8C2
16.7%	16.7% #C5ACBD	RGB 197 172 189	#C5ACBD
33.3%	33.3% #C9B2B6	RGB 201 178 182	#C9B2B6
50.0%	50.0% #CDBDB7	RGB 205 189 183	#CDBDB7
66.7%	66.7% #D0CBBC	RGB 208 203 188	#D0CBBC
83.3%	83.3% #D0D4C1	RGB 208 212 193	#D0D4C1
100.0%	100.0% #CCD8C7	RGB 204 216 199	#CCD8C7

#BEA8C2 #C5ACBD #C9B2B6 #CDBDB7 #D0CBBC #D0D4C1 #CCD8C7

#BEA8C2 - #CDBDB7 - #CCD8C7

Códigos CSS

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

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