#C6BABE - #FFEACE | 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 #FFEACE

#C6BABE #FFEACE

Calcule el color entre dos colores, #C6BABE y #FFEACE. 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 - #FFEACE | 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 #FFEACE como 100%.

0.0%	0.0% #C6BABE	RGB 198 186 190	#C6BABE
16.7%	16.7% #CFC2C0	RGB 207 194 192	#CFC2C0
33.3%	33.3% #D9CAC3	RGB 217 202 195	#D9CAC3
50.0%	50.0% #E2D2C6	RGB 226 210 198	#E2D2C6
66.7%	66.7% #ECDAC8	RGB 236 218 200	#ECDAC8
83.3%	83.3% #F5E2CB	RGB 245 226 203	#F5E2CB
100.0%	100.0% #FFEACE	RGB 255 234 206	#FFEACE

#C6BABE #CFC2C0 #D9CAC3 #E2D2C6 #ECDAC8 #F5E2CB #FFEACE

#C6BABE - #FFEACE

Mezcla HSV

#C6BABE - #FFEACE | 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 #FFEACE como 100%.

0.0%	0.0% #C6BABE	RGB 198 186 190	#C6BABE
16.7%	16.7% #CFBEC1	RGB 207 190 193	#CFBEC1
33.3%	33.3% #D9C2C3	RGB 217 194 195	#D9C2C3
50.0%	50.0% #E2C9C5	RGB 226 201 197	#E2C9C5
66.7%	66.7% #ECD2C8	RGB 236 210 200	#ECD2C8
83.3%	83.3% #F5DDCB	RGB 245 221 203	#F5DDCB
100.0%	100.0% #FFEACE	RGB 255 234 206	#FFEACE

#C6BABE #CFBEC1 #D9C2C3 #E2C9C5 #ECD2C8 #F5DDCB #FFEACE

#C6BABE - #E2C9C5 - #FFEACE

Códigos CSS

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

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