#C6BABE - #EEEBEC | 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 #C6BABE a #EEEBEC

#C6BABE #EEEBEC

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

#C6BABE - #EEEBEC | 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 #C6BABE como 0% y #EEEBEC como 100%.

0.0%	0.0% #C6BABE	RGB 198 186 190	#C6BABE
16.7%	16.7% #CCC2C5	RGB 204 194 197	#CCC2C5
33.3%	33.3% #D3CACD	RGB 211 202 205	#D3CACD
50.0%	50.0% #DAD2D5	RGB 218 210 213	#DAD2D5
66.7%	66.7% #E0DADC	RGB 224 218 220	#E0DADC
83.3%	83.3% #E7E2E4	RGB 231 226 228	#E7E2E4
100.0%	100.0% #EEEBEC	RGB 238 235 236	#EEEBEC

#C6BABE #CCC2C5 #D3CACD #DAD2D5 #E0DADC #E7E2E4 #EEEBEC

#C6BABE - #EEEBEC

Mezcla HSV

#C6BABE - #EEEBEC | 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 #C6BABE como 0% y #EEEBEC como 100%.

0.0%	0.0% #C6BABE	RGB 198 186 190	#C6BABE
16.7%	16.7% #CCC1C5	RGB 204 193 197	#CCC1C5
33.3%	33.3% #D3C9CD	RGB 211 201 205	#D3C9CD
50.0%	50.0% #DAD2D4	RGB 218 210 212	#DAD2D4
66.7%	66.7% #E0DADC	RGB 224 218 220	#E0DADC
83.3%	83.3% #E7E2E4	RGB 231 226 228	#E7E2E4
100.0%	100.0% #EEEBEC	RGB 238 235 236	#EEEBEC

#C6BABE #CCC1C5 #D3C9CD #DAD2D4 #E0DADC #E7E2E4 #EEEBEC

#C6BABE - #DAD2D4 - #EEEBEC

Códigos CSS

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

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