#FDC5E4 - #F7FFFD | 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 #FDC5E4 a #F7FFFD

#FDC5E4 #F7FFFD

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

#FDC5E4 - #F7FFFD | 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 #FDC5E4 como 0% y #F7FFFD como 100%.

0.0%	0.0% #FDC5E4	RGB 253 197 228	#FDC5E4
16.7%	16.7% #FCCEE8	RGB 252 206 232	#FCCEE8
33.3%	33.3% #FBD8EC	RGB 251 216 236	#FBD8EC
50.0%	50.0% #FAE2F0	RGB 250 226 240	#FAE2F0
66.7%	66.7% #F9EBF4	RGB 249 235 244	#F9EBF4
83.3%	83.3% #F8F5F8	RGB 248 245 248	#F8F5F8
100.0%	100.0% #F7FFFD	RGB 247 255 253	#F7FFFD

#FDC5E4 #FCCEE8 #FBD8EC #FAE2F0 #F9EBF4 #F8F5F8 #F7FFFD

#FDC5E4 - #F7FFFD

Mezcla HSV

#FDC5E4 - #F7FFFD | 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 #FDC5E4 como 0% y #F7FFFD como 100%.

0.0%	0.0% #FDC5E4	RGB 253 197 228	#FDC5E4
16.7%	16.7% #FDCDFD	RGB 253 205 253	#FDCDFD
33.3%	33.3% #EBD5FD	RGB 235 213 253	#EBD5FD
50.0%	50.0% #E1DDFE	RGB 225 221 254	#E1DDFE
66.7%	66.7% #E6EEFE	RGB 230 238 254	#E6EEFE
83.3%	83.3% #EEFBFE	RGB 238 251 254	#EEFBFE
100.0%	100.0% #F7FFFD	RGB 247 255 253	#F7FFFD

#FDC5E4 #FDCDFD #EBD5FD #E1DDFE #E6EEFE #EEFBFE #F7FFFD

#FDC5E4 - #E1DDFE - #F7FFFD

Códigos CSS

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

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