#CFEDA2 - #FFF3C0 | 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 #CFEDA2 a #FFF3C0

#CFEDA2 #FFF3C0

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

#CFEDA2 - #FFF3C0 | 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 #CFEDA2 como 0% y #FFF3C0 como 100%.

0.0%	0.0% #CFEDA2	RGB 207 237 162	#CFEDA2
16.7%	16.7% #D7EEA7	RGB 215 238 167	#D7EEA7
33.3%	33.3% #DFEFAC	RGB 223 239 172	#DFEFAC
50.0%	50.0% #E7F0B1	RGB 231 240 177	#E7F0B1
66.7%	66.7% #EFF1B6	RGB 239 241 182	#EFF1B6
83.3%	83.3% #F7F2BB	RGB 247 242 187	#F7F2BB
100.0%	100.0% #FFF3C0	RGB 255 243 192	#FFF3C0

#CFEDA2 #D7EEA7 #DFEFAC #E7F0B1 #EFF1B6 #F7F2BB #FFF3C0

#CFEDA2 - #FFF3C0

Mezcla HSV

#CFEDA2 - #FFF3C0 | 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 #CFEDA2 como 0% y #FFF3C0 como 100%.

0.0%	0.0% #CFEDA2	RGB 207 237 162	#CFEDA2
16.7%	16.7% #D9F0A6	RGB 217 240 166	#D9F0A6
33.3%	33.3% #E4F3AB	RGB 228 243 171	#E4F3AB
50.0%	50.0% #EEF6B0	RGB 238 246 176	#EEF6B0
66.7%	66.7% #F8F9B5	RGB 248 249 181	#F8F9B5
83.3%	83.3% #FCF5BA	RGB 252 245 186	#FCF5BA
100.0%	100.0% #FFF3C0	RGB 255 243 192	#FFF3C0

#CFEDA2 #D9F0A6 #E4F3AB #EEF6B0 #F8F9B5 #FCF5BA #FFF3C0

#CFEDA2 - #EEF6B0 - #FFF3C0

Códigos CSS

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

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