#C6B4A8 - #E2B8D4 | 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 #C6B4A8 a #E2B8D4

#C6B4A8 #E2B8D4

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

#C6B4A8 - #E2B8D4 | 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 #C6B4A8 como 0% y #E2B8D4 como 100%.

0.0%	0.0% #C6B4A8	RGB 198 180 168	#C6B4A8
16.7%	16.7% #CAB4AF	RGB 202 180 175	#CAB4AF
33.3%	33.3% #CFB5B6	RGB 207 181 182	#CFB5B6
50.0%	50.0% #D4B6BE	RGB 212 182 190	#D4B6BE
66.7%	66.7% #D8B6C5	RGB 216 182 197	#D8B6C5
83.3%	83.3% #DDB7CC	RGB 221 183 204	#DDB7CC
100.0%	100.0% #E2B8D4	RGB 226 184 212	#E2B8D4

#C6B4A8 #CAB4AF #CFB5B6 #D4B6BE #D8B6C5 #DDB7CC #E2B8D4

#C6B4A8 - #E2B8D4

Mezcla HSV

#C6B4A8 - #E2B8D4 | 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 #C6B4A8 como 0% y #E2B8D4 como 100%.

0.0%	0.0% #C6B4A8	RGB 198 180 168	#C6B4A8
16.7%	16.7% #CAB1AA	RGB 202 177 170	#CAB1AA
33.3%	33.3% #CFAFAD	RGB 207 175 173	#CFAFAD
50.0%	50.0% #D4B0B5	RGB 212 176 181	#D4B0B5
66.7%	66.7% #D8B2BE	RGB 216 178 190	#D8B2BE
83.3%	83.3% #DDB5C8	RGB 221 181 200	#DDB5C8
100.0%	100.0% #E2B8D4	RGB 226 184 212	#E2B8D4

#C6B4A8 #CAB1AA #CFAFAD #D4B0B5 #D8B2BE #DDB5C8 #E2B8D4

#C6B4A8 - #D4B0B5 - #E2B8D4

Códigos CSS

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

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