#C06D9E - #EDD5E3 | 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 #C06D9E a #EDD5E3

#C06D9E #EDD5E3

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

#C06D9E - #EDD5E3 | 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 #C06D9E como 0% y #EDD5E3 como 100%.

0.0%	0.0% #C06D9E	RGB 192 109 158	#C06D9E
16.7%	16.7% #C77EA9	RGB 199 126 169	#C77EA9
33.3%	33.3% #CF8FB5	RGB 207 143 181	#CF8FB5
50.0%	50.0% #D6A1C0	RGB 214 161 192	#D6A1C0
66.7%	66.7% #DEB2CC	RGB 222 178 204	#DEB2CC
83.3%	83.3% #E5C3D7	RGB 229 195 215	#E5C3D7
100.0%	100.0% #EDD5E3	RGB 237 213 227	#EDD5E3

#C06D9E #C77EA9 #CF8FB5 #D6A1C0 #DEB2CC #E5C3D7 #EDD5E3

#C06D9E - #EDD5E3

Mezcla HSV

#C06D9E - #EDD5E3 | 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 #C06D9E como 0% y #EDD5E3 como 100%.

0.0%	0.0% #C06D9E	RGB 192 109 158	#C06D9E
16.7%	16.7% #C77CA8	RGB 199 124 168	#C77CA8
33.3%	33.3% #CF8CB3	RGB 207 140 179	#CF8CB3
50.0%	50.0% #D69DBE	RGB 214 157 190	#D69DBE
66.7%	66.7% #DEAFCA	RGB 222 175 202	#DEAFCA
83.3%	83.3% #E5C1D6	RGB 229 193 214	#E5C1D6
100.0%	100.0% #EDD5E3	RGB 237 213 227	#EDD5E3

#C06D9E #C77CA8 #CF8CB3 #D69DBE #DEAFCA #E5C1D6 #EDD5E3

#C06D9E - #D69DBE - #EDD5E3

Códigos CSS

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

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