#FF9D9D - #F3EFC7 | 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 #FF9D9D a #F3EFC7

#FF9D9D #F3EFC7

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

#FF9D9D - #F3EFC7 | 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 #FF9D9D como 0% y #F3EFC7 como 100%.

0.0%	0.0% #FF9D9D	RGB 255 157 157	#FF9D9D
16.7%	16.7% #FDAAA4	RGB 253 170 164	#FDAAA4
33.3%	33.3% #FBB8AB	RGB 251 184 171	#FBB8AB
50.0%	50.0% #F9C6B2	RGB 249 198 178	#F9C6B2
66.7%	66.7% #F7D3B9	RGB 247 211 185	#F7D3B9
83.3%	83.3% #F5E1C0	RGB 245 225 192	#F5E1C0
100.0%	100.0% #F3EFC7	RGB 243 239 199	#F3EFC7

#FF9D9D #FDAAA4 #FBB8AB #F9C6B2 #F7D3B9 #F5E1C0 #F3EFC7

#FF9D9D - #F3EFC7

Mezcla HSV

#FF9D9D - #F3EFC7 | 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 #FF9D9D como 0% y #F3EFC7 como 100%.

0.0%	0.0% #FF9D9D	RGB 255 157 157	#FF9D9D
16.7%	16.7% #FDB1A4	RGB 253 177 164	#FDB1A4
33.3%	33.3% #FBC3AB	RGB 251 195 171	#FBC3AB
50.0%	50.0% #F9D2B2	RGB 249 210 178	#F9D2B2
66.7%	66.7% #F7DEB9	RGB 247 222 185	#F7DEB9
83.3%	83.3% #F5E8C0	RGB 245 232 192	#F5E8C0
100.0%	100.0% #F3EFC7	RGB 243 239 199	#F3EFC7

#FF9D9D #FDB1A4 #FBC3AB #F9D2B2 #F7DEB9 #F5E8C0 #F3EFC7

#FF9D9D - #F9D2B2 - #F3EFC7

Códigos CSS

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

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