#E6A8CB - #AD458C | 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 #E6A8CB a #AD458C

#E6A8CB #AD458C

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

#E6A8CB - #AD458C | 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 #E6A8CB como 0% y #AD458C como 100%.

0.0%	0.0% #E6A8CB	RGB 230 168 203	#E6A8CB
16.7%	16.7% #DC97C0	RGB 220 151 192	#DC97C0
33.3%	33.3% #D387B6	RGB 211 135 182	#D387B6
50.0%	50.0% #C976AB	RGB 201 118 171	#C976AB
66.7%	66.7% #C066A1	RGB 192 102 161	#C066A1
83.3%	83.3% #B65596	RGB 182 85 150	#B65596
100.0%	100.0% #AD458C	RGB 173 69 140	#AD458C

#E6A8CB #DC97C0 #D387B6 #C976AB #C066A1 #B65596 #AD458C

#E6A8CB - #AD458C

Mezcla HSV

#E6A8CB - #AD458C | 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 #E6A8CB como 0% y #AD458C como 100%.

0.0%	0.0% #E6A8CB	RGB 230 168 203	#E6A8CB
16.7%	16.7% #DC94BE	RGB 220 148 190	#DC94BE
33.3%	33.3% #D382B3	RGB 211 130 179	#D382B3
50.0%	50.0% #C971A8	RGB 201 113 168	#C971A8
66.7%	66.7% #C0619E	RGB 192 97 158	#C0619E
83.3%	83.3% #B65294	RGB 182 82 148	#B65294
100.0%	100.0% #AD458C	RGB 173 69 140	#AD458C

#E6A8CB #DC94BE #D382B3 #C971A8 #C0619E #B65294 #AD458C

#E6A8CB - #C971A8 - #AD458C

Códigos CSS

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

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