#CDDCAF - #8AB25A | 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 #CDDCAF a #8AB25A

#CDDCAF #8AB25A

Calcule el color entre dos colores, #CDDCAF y #8AB25A. 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)

#CDDCAF - #8AB25A | 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 #CDDCAF como 0% y #8AB25A como 100%.

0.0%	0.0% #CDDCAF	RGB 205 220 175	#CDDCAF
16.7%	16.7% #C1D5A0	RGB 193 213 160	#C1D5A0
33.3%	33.3% #B6CE92	RGB 182 206 146	#B6CE92
50.0%	50.0% #ABC784	RGB 171 199 132	#ABC784
66.7%	66.7% #A0C076	RGB 160 192 118	#A0C076
83.3%	83.3% #95B968	RGB 149 185 104	#95B968
100.0%	100.0% #8AB25A	RGB 138 178 90	#8AB25A

#CDDCAF #C1D5A0 #B6CE92 #ABC784 #A0C076 #95B968 #8AB25A

#CDDCAF - #8AB25A

Mezcla HSV

#CDDCAF - #8AB25A | 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 #CDDCAF como 0% y #8AB25A como 100%.

0.0%	0.0% #CDDCAF	RGB 205 220 175	#CDDCAF
16.7%	16.7% #C1D59F	RGB 193 213 159	#C1D59F
33.3%	33.3% #B6CE8F	RGB 182 206 143	#B6CE8F
50.0%	50.0% #ABC781	RGB 171 199 129	#ABC781
66.7%	66.7% #A0C073	RGB 160 192 115	#A0C073
83.3%	83.3% #95B966	RGB 149 185 102	#95B966
100.0%	100.0% #8AB25A	RGB 138 178 90	#8AB25A

#CDDCAF #C1D59F #B6CE8F #ABC781 #A0C073 #95B966 #8AB25A

#CDDCAF - #ABC781 - #8AB25A

Códigos CSS

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

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