#FFC3E2 - #DD5E9D | 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 #FFC3E2 a #DD5E9D

#FFC3E2 #DD5E9D

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

#FFC3E2 - #DD5E9D | 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 #FFC3E2 como 0% y #DD5E9D como 100%.

0.0%	0.0% #FFC3E2	RGB 255 195 226	#FFC3E2
16.7%	16.7% #F9B2D6	RGB 249 178 214	#F9B2D6
33.3%	33.3% #F3A1CB	RGB 243 161 203	#F3A1CB
50.0%	50.0% #EE90BF	RGB 238 144 191	#EE90BF
66.7%	66.7% #E87FB4	RGB 232 127 180	#E87FB4
83.3%	83.3% #E26EA8	RGB 226 110 168	#E26EA8
100.0%	100.0% #DD5E9D	RGB 221 94 157	#DD5E9D

#FFC3E2 #F9B2D6 #F3A1CB #EE90BF #E87FB4 #E26EA8 #DD5E9D

#FFC3E2 - #DD5E9D

Mezcla HSV

#FFC3E2 - #DD5E9D | 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 #FFC3E2 como 0% y #DD5E9D como 100%.

0.0%	0.0% #FFC3E2	RGB 255 195 226	#FFC3E2
16.7%	16.7% #F9B0D5	RGB 249 176 213	#F9B0D5
33.3%	33.3% #F39ECA	RGB 243 158 202	#F39ECA
50.0%	50.0% #EE8DBE	RGB 238 141 190	#EE8DBE
66.7%	66.7% #E87DB3	RGB 232 125 179	#E87DB3
83.3%	83.3% #E26DA7	RGB 226 109 167	#E26DA7
100.0%	100.0% #DD5E9D	RGB 221 94 157	#DD5E9D

#FFC3E2 #F9B0D5 #F39ECA #EE8DBE #E87DB3 #E26DA7 #DD5E9D

#FFC3E2 - #EE8DBE - #DD5E9D

Códigos CSS

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

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