#C96DA8 - #EFD5E6 | 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 #C96DA8 a #EFD5E6

#C96DA8 #EFD5E6

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

#C96DA8 - #EFD5E6 | 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 #C96DA8 como 0% y #EFD5E6 como 100%.

0.0%	0.0% #C96DA8	RGB 201 109 168	#C96DA8
16.7%	16.7% #CF7EB2	RGB 207 126 178	#CF7EB2
33.3%	33.3% #D58FBC	RGB 213 143 188	#D58FBC
50.0%	50.0% #DCA1C7	RGB 220 161 199	#DCA1C7
66.7%	66.7% #E2B2D1	RGB 226 178 209	#E2B2D1
83.3%	83.3% #E8C3DB	RGB 232 195 219	#E8C3DB
100.0%	100.0% #EFD5E6	RGB 239 213 230	#EFD5E6

#C96DA8 #CF7EB2 #D58FBC #DCA1C7 #E2B2D1 #E8C3DB #EFD5E6

#C96DA8 - #EFD5E6

Mezcla HSV

#C96DA8 - #EFD5E6 | 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 #C96DA8 como 0% y #EFD5E6 como 100%.

0.0%	0.0% #C96DA8	RGB 201 109 168	#C96DA8
16.7%	16.7% #CF7CB1	RGB 207 124 177	#CF7CB1
33.3%	33.3% #D58CBB	RGB 213 140 187	#D58CBB
50.0%	50.0% #DC9DC6	RGB 220 157 198	#DC9DC6
66.7%	66.7% #E2AFD0	RGB 226 175 208	#E2AFD0
83.3%	83.3% #E8C1DB	RGB 232 193 219	#E8C1DB
100.0%	100.0% #EFD5E6	RGB 239 213 230	#EFD5E6

#C96DA8 #CF7CB1 #D58CBB #DC9DC6 #E2AFD0 #E8C1DB #EFD5E6

#C96DA8 - #DC9DC6 - #EFD5E6

Códigos CSS

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

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