#FFCEEE - #E4D3E6 | 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 #FFCEEE a #E4D3E6

#FFCEEE #E4D3E6

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

#FFCEEE - #E4D3E6 | 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 #FFCEEE como 0% y #E4D3E6 como 100%.

0.0%	0.0% #FFCEEE	RGB 255 206 238	#FFCEEE
16.7%	16.7% #FACEEC	RGB 250 206 236	#FACEEC
33.3%	33.3% #F6CFEB	RGB 246 207 235	#F6CFEB
50.0%	50.0% #F1D0EA	RGB 241 208 234	#F1D0EA
66.7%	66.7% #EDD1E8	RGB 237 209 232	#EDD1E8
83.3%	83.3% #E8D2E7	RGB 232 210 231	#E8D2E7
100.0%	100.0% #E4D3E6	RGB 228 211 230	#E4D3E6

#FFCEEE #FACEEC #F6CFEB #F1D0EA #EDD1E8 #E8D2E7 #E4D3E6

#FFCEEE - #E4D3E6

Mezcla HSV

#FFCEEE - #E4D3E6 | 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 #FFCEEE como 0% y #E4D3E6 como 100%.

0.0%	0.0% #FFCEEE	RGB 255 206 238	#FFCEEE
16.7%	16.7% #FACFEE	RGB 250 207 238	#FACFEE
33.3%	33.3% #F6D0EF	RGB 246 208 239	#F6D0EF
50.0%	50.0% #F2D1EE	RGB 242 209 238	#F2D1EE
66.7%	66.7% #EED1ED	RGB 238 209 237	#EED1ED
83.3%	83.3% #E9D2EA	RGB 233 210 234	#E9D2EA
100.0%	100.0% #E4D3E6	RGB 228 211 230	#E4D3E6

#FFCEEE #FACFEE #F6D0EF #F2D1EE #EED1ED #E9D2EA #E4D3E6

#FFCEEE - #F2D1EE - #E4D3E6

Códigos CSS

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

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