#C7BAB6 - #FFECCF | 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 #C7BAB6 a #FFECCF

#C7BAB6 #FFECCF

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

#C7BAB6 - #FFECCF | 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 #C7BAB6 como 0% y #FFECCF como 100%.

0.0%	0.0% #C7BAB6	RGB 199 186 182	#C7BAB6
16.7%	16.7% #D0C2BA	RGB 208 194 186	#D0C2BA
33.3%	33.3% #D9CABE	RGB 217 202 190	#D9CABE
50.0%	50.0% #E3D3C2	RGB 227 211 194	#E3D3C2
66.7%	66.7% #ECDBC6	RGB 236 219 198	#ECDBC6
83.3%	83.3% #F5E3CA	RGB 245 227 202	#F5E3CA
100.0%	100.0% #FFECCF	RGB 255 236 207	#FFECCF

#C7BAB6 #D0C2BA #D9CABE #E3D3C2 #ECDBC6 #F5E3CA #FFECCF

#C7BAB6 - #FFECCF

Mezcla HSV

#C7BAB6 - #FFECCF | 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 #C7BAB6 como 0% y #FFECCF como 100%.

0.0%	0.0% #C7BAB6	RGB 199 186 182	#C7BAB6
16.7%	16.7% #D0C1BA	RGB 208 193 186	#D0C1BA
33.3%	33.3% #D9C8BF	RGB 217 200 191	#D9C8BF
50.0%	50.0% #E3D0C3	RGB 227 208 195	#E3D0C3
66.7%	66.7% #ECD9C7	RGB 236 217 199	#ECD9C7
83.3%	83.3% #F5E2CB	RGB 245 226 203	#F5E2CB
100.0%	100.0% #FFECCF	RGB 255 236 207	#FFECCF

#C7BAB6 #D0C1BA #D9C8BF #E3D0C3 #ECD9C7 #F5E2CB #FFECCF

#C7BAB6 - #E3D0C3 - #FFECCF

Códigos CSS

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

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