#C6BAC1 - #AF6689 | 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 #C6BAC1 a #AF6689

#C6BAC1 #AF6689

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

#C6BAC1 - #AF6689 | 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 #C6BAC1 como 0% y #AF6689 como 100%.

0.0%	0.0% #C6BAC1	RGB 198 186 193	#C6BAC1
16.7%	16.7% #C2ACB7	RGB 194 172 183	#C2ACB7
33.3%	33.3% #BE9EAE	RGB 190 158 174	#BE9EAE
50.0%	50.0% #BA90A5	RGB 186 144 165	#BA90A5
66.7%	66.7% #B6829B	RGB 182 130 155	#B6829B
83.3%	83.3% #B27492	RGB 178 116 146	#B27492
100.0%	100.0% #AF6689	RGB 175 102 137	#AF6689

#C6BAC1 #C2ACB7 #BE9EAE #BA90A5 #B6829B #B27492 #AF6689

#C6BAC1 - #AF6689

Mezcla HSV

#C6BAC1 - #AF6689 | 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 #C6BAC1 como 0% y #AF6689 como 100%.

0.0%	0.0% #C6BAC1	RGB 198 186 193	#C6BAC1
16.7%	16.7% #C2AAB8	RGB 194 170 184	#C2AAB8
33.3%	33.3% #BE9CAE	RGB 190 156 174	#BE9CAE
50.0%	50.0% #BA8DA5	RGB 186 141 165	#BA8DA5
66.7%	66.7% #B6809C	RGB 182 128 156	#B6809C
83.3%	83.3% #B27292	RGB 178 114 146	#B27292
100.0%	100.0% #AF6689	RGB 175 102 137	#AF6689

#C6BAC1 #C2AAB8 #BE9CAE #BA8DA5 #B6809C #B27292 #AF6689

#C6BAC1 - #BA8DA5 - #AF6689

Códigos CSS

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

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